Lines Matching refs:list

1 # <list> Development
4 …list>** component provides a list container that presents a series of list items arranged in a …
7 ## Creating a <list> Component
9 Create a **<list>** component in the .hml file under **pages/index**.
14  <list>    
15    <list-item class="listItem"></list-item>
16    <list-item class="listItem"></list-item>
17    <list-item class="listItem"></list-item>
18    <list-item class="listItem"></list-item>
19  </list>
42 …list-item-group&gt;** is a child component of the **&lt;list&gt;** component and is used to group …
44 > - **&lt;list-item&gt;** is a child component of the **&lt;list&gt;** component and is used to dis…
49 … **scrollbar** to **on**. The side scrollbar can be used to scroll a long list or the screen up or…
54   <list class="listCss" scrollbar="on" >
55     <list-item class="listItem"></list-item>
56     <list-item class="listItem"></list-item>
57     <list-item class="listItem"></list-item>
58     <list-item class="listItem"></list-item>
59     <list-item class="listItem"></list-item>
60     <list-item class="listItem"></list-item>
61  </list>
88 Set a custom **indexer** component to add an index bar at the right boundary of a list. By default,…
93   <list class="listCss"  indexer="{{['#','1','2','3','4','5','6','7','8']}}" >  
94     <list-item class="listItem"  section="#" ></list-item>   
95   </list>
122 To allow a **&lt;list&gt;** component to collapse and expand, add **groupcollapse** and **groupexpa…
127   <list style="width: 100%;" id="mylist">
128 …<list-item-group for="listgroup in list" id="{{listgroup.value}}" ongroupcollapse="collapse" ongro…
129       <list-item type="item" style="background-color:#FFF0F5;height:95px;">
133       </list-item>
134       <list-item type="item" style="background-color: #87CEFA;height:145px;" primary="true">
138       </list-item>
139     </list-item-group>
140   </list>
150 list-item{
153 .top-list-item {
170     list: []
173     this.list = []
179         this.list.push(dataItem);
199 > The **groupcollapse** and **groupexpand** events can be used only by the **list-item-group** comp…
213   <list class="list" indexer="true"> 
214 …  <list-item class="item" for="{{namelist}}" type="{{$item.section}}" section="{{$item.section}}"> 
221     </list-item> 
222     <list-item type="end" class="item"> 
226     </list-item> 
227   </list> 
240 .list {