demos/tizen-winsets/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"></ul>
  16         </div>
  17         <div data-role="footer">
  18         </div>
  19         <script type="text/javascript" src="list-extendable.js"></script>
  20 </div>