tutorial pengembangan web terbaru
 

jQuery Mobile Daftar Tampilan



jQuery Mobile Daftar Tampilan

views daftar di jQuery Mobile adalah daftar HTML standar; memerintahkan (<ol>) dan unordered (<ul>) .

Untuk membuat daftar, menerapkan data-role="listview" ke <ol> atau <ul> elemen. Untuk membuat item disadap, mencantumkan link dalam setiap item daftar (<li>) :

Contoh

<ol data-role="listview" >
  <li><a href="#">List Item</a></li>
</ol>

<ul data-role="listview" >
  <li><a href="#">List Item</a></li>
</ul>
Cobalah sendiri "

Untuk gaya daftar Anda dengan sudut membulat dan beberapa margin, menggunakan data-inset="true" atribut:

Contoh

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

Secara default, link dalam item daftar akan otomatis berubah menjadi tombol (tidak perlu untuk ui-class="btn" atau data-role="button" )


pembagi Daftar

pembagi daftar digunakan untuk mengatur dan kelompok item dalam kategori / bagian.

Untuk menentukan daftar pembagi, tambahkan data-role="list-divider" atribut ke <li> elemen:

Contoh

<ul data-role="listview">
  <li data-role="list-divider" >Europe</li>
  <li><a href="#">Norway</a></li>
  <li><a href="#">Germany</a></li>
</ul>
Cobalah sendiri "

Jika Anda memiliki daftar abjad, (misalnya buku telepon) jQuery Mobile secara otomatis menambahkan pembagi sesuai dengan menetapkan data-autodividers = "true" atribut pada <ol> atau <ul> elemen:

Contoh

<ul data-role="listview" data-autodividers="true" >
  <li><a href="#">Adele</a></li>
  <li><a href="#">Agnes</a></li>
  <li><a href="#">Billy</a></li>
  <li><a href="#">Calvin</a></li>
  ...
</ul>
Cobalah sendiri "

Data-autodividers = "true" atribut menciptakan pembagi dengan uppercased huruf pertama dari teks item.


contoh

Contoh lebih

Read-only daftar
Cara membuat daftar tanpa link (tidak akan tombol dan tidak disadap).

panel
Cara menyisipkan panel ke daftar item Anda.