jQuery Mobile အသင်း

jQuery Mobile အသင်း

jQuery Mobile တွင် စာရင်း စာကြိုးတင်ခြင်း သည် အခြေအနေအတိုင်း အော်ဒါ အချက်အလက် ဖြစ်သည် - အရောက်အချက် စာရင်း (<ol>) နှင့် အရောက်အချက် အချက်အလက် (<ul>)

စာရင်း ကို ဖွင့်ပေးချင်လျှင် <ol> သို့မဟုတ် <ul> အခြေအနေ အစိုးရ ဖြင့် data-role="listview" အခြေအနေ ထပ်ထည့်ပါ။ အက်ဥ်အက်အက် အချက်အလက် အသုံးပြုသည့် စာရင်း အချက်အလက် အား လမ်းကြောင်း ဖြင့် အသုံးပြုပါ။

实例

<ol data-role="listview">
  <li><a href="#">စာရင်း အက်ဥ်အက်အက်</a></li>
</ol>
<ul data-role="listview">
  <li><a href="#">စာရင်း အက်ဥ်အက်အက်</a></li>
</ul>

亲自试一试

စာရင်း အော်ဒါ အဖက်အနံ့ နှင့် အရှည်အတွင်း ထပ်ထည့်ချင်လျှင် data-inset="true" အခြေအနေ အသုံးပြုပါ။

实例

<ul data-role="listview" data-inset="true">

亲自试一试

အကြောင်းပြချက်ပြင်းပြတ်နေသော်လည်း ၊ စာရင်းတွင် အက်ဥ်အက်အက် အချက်အလက် အား အိမ်နီးချိန် ဘေ့စ် အဖြစ် အသုံးပြုသည် (data-role="button" မပါဘဲ)။

စာရင်း အပြောင်းလဲမှု

စာရင်း အပြောင်းလဲမှု (List Dividers) သည် အက်ဥ်အက်အက် ကို အုပ်စု / ပုံစံ အဖြစ် စီးပွားရေးနှင့် ပေါင်းစပ်ထားသည်။

စာရင်း အပြောင်းလဲမှု ကို ချမှတ်ချင်လျှင် <li> အခြေအနေ အစိုးရ ဖြင့် data-role="list-divider" အခြေအနေ ထပ်ထည့်ပါ။

实例

<ul data-role="listview">
 <li data-role="list-divider">ဥရောပ</li>
  <li><a href="#">ပြင်သစ်</a></li>
  <li><a href="#">ဂျာမနီ</a></li>
</ul>

亲自试一试

သင့် စာရင်း အော်ဒါ အစားအုပ် အုပ်စု ဖြစ်သည် (ဥပမာ ဆက်သွယ်မှု လုပ်သင်း) ၊ jQuery Mobile အားဖြင့် အချက်အလက် အပြောင်းလဲမှုများ ထပ်ထည့်ပေးသည်။ <ol> သို့မဟုတ် <ul> အခြေအနေ အစိုးရ ဖြင့် data-autodividers="true" အခြေအနေ အသုံးပြုပါ။

实例

<ul data-role="listview" data-autodividers="true">
  <li><a href="#">Adam</a></li>
  <li><a href="#">Angela</a></li>
  <li><a href="#">Bill</a></li>
  <li><a href="#">Calvin</a></li>
  ...
</ul>

亲自试一试

အကြောင်းပြချက်data-autodividers="true" အခြေအနေ အော်ဒါ အချက်အလက် အစိတ်အပိုင်း အမြင့်တက် ပြီး အပြောင်းလဲမှုများ ဖွင့်ပေးသည်။

ရှာဖွေရေး ဖြေဖြေရေး

စာရင်းတွင် ရှာဖွေရေး အော်ဒါ ထပ်ထည့်ချင်လျှင် data-filter="true" အခြေအနေ အစိုးရ ဖြင့် အသုံးပြုပါ။

实例

<ul data-role="listview" data-filter="true"</ul>

亲自试一试

ပြင်းပြတ်နေသော်လည်း ၊ ရှာဖွေရေး အော်ဒါတွင် အချက်အလက် ဖြစ်သည့် "ဖြည့်ဖျန်း အက်ဥ်အက်အက်..." ဖြစ်သည်။

如需修改默认文本，请使用 data-filter-placeholder 属性：

实例

    data-filter-placeholder="搜索姓名">

亲自试一试

更多实例

只读列表
如何创建没有链接的列表（不是按钮，不可点击）。