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

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