demos/tizen-gray/widgets/list/list-extendable.html

   1 <div data-role="page" id="genlist_extendable_page" data-add-back-btn="true">
   2         <script id="tmp-1line" type="text/x-jquery-tmpl">
   3                 <li class="ui-li-1line"><span class="ui-li-text-main">${NAME}</span></li>
   4         </script>
   5         <script id="tmp_load_more" type="text/x-jquery-tmpl">
   6                 <li class="ui-li-1line" style="text-align:center; margin:0 auto">
   7                         <div data-role="button">Load ${NUM_MORE_ITEMS} more items</div>
   8                 </li>
   9         </script>
  10
  11         <div data-role="header" data-position="fixed">
  12                 <h1>extendable list</h1>
  13         </div>
  14         <div data-role="content">
  15                 <ul id = "extendable_list_main" data-role="extendablelist" data-extenditems="50" data-template="tmp-1line" data-dbtable="JSON_DATA">
  16                 </ul>
  17         </div>
  18         <div data-role="footer">
  19         </div>
  20 </div>