demos/tizen-winsets/widgets/list/virtuallist-normal_3_1_4.html

   1 <div data-role="page" id="virtuallist-normal_1line-btn1" class="virtuallist_demo_page" data-add-back-btn="true">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Virtual List - Normal Style 1line-btn1</h1>
   4         </div>
   5         <style type="text/css">
   6 #virtuallist-normal_1line-btn1_ul li .ui-li-text-main {
   7         max-width:62%;
   8         display:inline-block;
   9         overflow:hidden;
  10         text-overflow: ellipsis;
  11         white-space: nowrap;
  12 }
  13 #virtuallist-normal_1line-btn1_ul li .ui-btn {
  14 }
  15         </style>
  16         <div data-role="content">
  17                 <script id="tmp-1line-btn1" type="text/x-jquery-tmpl">
  18                         <li class="ui-li-1line-btn1">
  19                                 <span class="ui-li-text-main">${NAME}</span>
  20                                 <div data-role="button" data-inline="true">${ACTIVE}</div>
  21                         </li>
  22                 </script>
  23                 <ul id="virtuallist-normal_1line-btn1_ul" data-role="virtuallistview" data-template="tmp-1line-btn1" data-dbtable="JSON_DATA" data-row="100">
  24                 </ul>
  25         </div>
  26         <div data-role="footer">
  27         </div>
  28 </div>