ການປະກອບທີ່ວາງທີ່ jQuery Mobile

ການປະກອບທີ່ວາງທີ່ jQuery Mobile

ລາຍການຕິດຕາມ jQuery Mobile ແມ່ນລາຍການ HTML ສະເພາະ: ລາຍການມີຊັບສັບ (<ol>) ແລະ ລາຍການບໍ່ມີຊັບສັບ (<ul>).

ສຳລັບການສ້າງລາຍການ, ຂໍ້ສະເໜີ data-role="listview" ໃຫ້ໃນສັດນະພາບ <ol> ຫຼື <ul>. ສຳລັບການສ້າງການກະຕຸ້ມຂອງບັນດາອຸປະກອນ, ຂໍ້ສະເໜີທາງໄປໃນແຕ່ລະບັນດາອຸປະກອນ (li):

实例

<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) ມີຫົວຫຼັກຖານຂອງບັນດາອຸປະກອນແລະຄວາມຮ່ວມກັນຂອງພາກ.

ສຳລັບການວາງສັນຍາບລາຍການ, ຂໍ້ສະເໜີ data-role="list-divider" ໃຫ້ໃນສັດນະພາບ <li>.

实例

<ul data-role="listview">
 <li data-role="list-divider">ຢູໂຣບ</li>
  <li><a href="#">ປະເທດຝຣັ່ງ</a></li>
  <li><a href="#">ປະເທດເຢຍລະມັນ</a></li>
</ul>

ທຳການທີ່ພາຍໃນຕົວເອງ

ຖ້າລາຍການຂອງທ່ານແມ່ນຕິດຕາມທີ່ຊັບສັບທີ່ບາງ (ອີງຕາມການສະແດງບັນດາການຕິດຕາມ), jQuery Mobile ຈະສ້າງສັນຍາບຂັ້ນຕອນດ້ວຍການຕັ້ງມັນ data-autodividers="true" ໃນ <ol> ຫຼື <ul> ທີ່ນັ້ນ:

实例

<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="搜索姓名">

ທຳການທີ່ພາຍໃນຕົວເອງ

ຄວາມຄິດທີ່ຫຼາຍກວ່າ

ວິທີທີ່ອ່າງຢູ່ອາດ
ການກໍ່ສ້າງວິທີທີ່ບໍ່ມີການທໍານາຍ (ບໍ່ແມ່ນການປະກອບບັນຊີ, ບໍ່ສາມາດກະທຳໄດ້).