జెక్కీ మొబైల్ లిస్ట్ వీక్షణ

జెక్కీ మొబైల్ లిస్ట్ వీక్షణ

jQuery Mobile లో జాబితా వీక్షణం ప్రామాణిక HTML జాబితా: క్రమ జాబితా (<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">Europe</li>
  <li><a href="#">France</a></li>
  <li><a href="#">Germany</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>

亲自试一试

డిఫాల్ట్‌గా, శోధన ప్రదేశంలో పాఠం "Filter items..." ఉంటుంది。

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

实例

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

亲自试一试

更多实例

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