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                         var val = $("#idx").val();
   5                         if( isNaN( val ) ) {
   6                                 alert( "invalid value" );
   7                                 return;
   8                         }
   9                         $("#listvi").listview( 'addItem', '<li>Test<div data-role="button" data-inline="true">TEST</div></li>', val );
  10                 }
  11                 var del = function() {
  12                         var val = $("#idx").val();
  13                         if( isNaN( val ) ) {
  14                                 alert( "invalid value" );
  15                                 return;
  16                         }
  17                         $("#listvi").listview( 'removeItem' , val );
  18                 }
  19         </script>
  20         <div data-role="header" data-position="fixed">
  21                 <h1>List vi</h1>
  22         </div>
  23         <div class="content" data-role="content" data-scroll="y">
  24                 <div>
  25                         Only number in textbox, list index start at 0(zero)
  26                 </div>
  27                 <input type="number" value="0" id="idx" min="0" />
  28                 <div data-role="button" onclick="add()" data-inline="true">Add</div>
  29                 <div data-role="button" onclick="del()" data-inline="true">Del</div>
  30                 <ul id="listvi" data-role="listview">
  31                         <li><a href="#">Normal lists</a></li>
  32                         <li><a href="#">Normal lists</a></li>
  33                 </ul>
  34         </div>
  35         <div data-role="footer">
  36         </div>
  37 </div>