widgets/list/virtuallist-normal_3_2_7.html

   1
   2 <div data-role="page" id="virtuallist-normal_2line-star1" class="virtuallist_demo_page"
   3         data-add-back-btn="true">
   4         <div data-role="header" data-position="fixed">
   5                 <h1>Virtual List - Normal Style 2line-star1</h1>
   6         </div>
   7         <style type="text/css">
   8         #virtuallist-normal_2line-star1_ul > li .ui-li-text-main {
   9                 max-width:95%;
  10                 display:inline-block;
  11                 overflow:hidden;
  12                 text-overflow: ellipsis;
  13                 white-space: nowrap;
  14         }
  15         #virtuallist-normal_2line-star1_ul > li .ui-li-text-sub2 {
  16                 max-width:60%;
  17                 width: auto;
  18                 margin-right:1em;
  19                 top: 1.59rem;
  20         }
  21         </style>
  22         <div data-role="content">
  23                 <script id="tmp-2line-star1" type="text/x-jquery-tmpl">
  24                         <li class="ui-li-has-multiline">
  25                                 <span class="ui-li-text-main">${NAME}</span>
  26                                 <span class="ui-li-text-sub">${ACTIVE}
  27                                         <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
  28                                 </span>
  29                                 <span class="ui-li-text-sub2">${FROM}</span>
  30                         </li>
  31
  32                         </script>
  33
  34                 <ul id="virtuallist-normal_2line-star1_ul" data-role="virtuallistview" data-template="tmp-2line-star1" data-dbtable="JSON_DATA" data-row="100">
  35                 </ul>
  36         </div>
  37         <div data-role="footer" data-add-back-btn="true">
  38         </div>
  39 </div>