demos/tizen-winsets/widgets/list/list-vi.html

   1 <div data-role="page" data-add-back-btn="true">
   2         <script type="text/javascript">
   3                 var add = function() {
   4                         $("#listvi").listview( 'addItem', '<li>Test<div data-role="button" data-inline="true">TEST</div></li>', 0 );
   5                 }
   6                 var del = function() {
   7                         $("#listvi").listview( 'removeItem' , 0 );
   8                 }
   9         </script>
  10         <div data-role="header" data-position="fixed">
  11                 <h1>List vi</h1>
  12         </div>
  13         <div class="content" data-role="content" data-scroll="y">
  14                 <div data-role="button" onclick="add()" data-inline="true">Add</div>
  15                 <div data-role="button" onclick="del()" data-inline="true">Del</div>
  16                 <ul id="listvi" data-role="listview">
  17                         <li><a href="#">Normal lists</a></li>
  18                         <li><a href="#">Normal lists</a></li>
  19                 </ul>
  20         </div>
  21         <div data-role="footer">
  22         </div>
  23 </div>