tips/list-sample/list-sample.js

   1 $( document ).bind( "pagecreate", function () {
   2         var id = 0,
   3                 add_item = function () {
   4                         var li = '<li class="ui-li-1line-btn1" id="li' + id + '">' +
   5                                 '<span class="ui-li-text-main">Item ' + id + '</span>' +
   6                                 '<div data-role="button" data-inline="true" id="' + id + '">delete</div>'+
   7                         '</li>';
   8
   9                         id++;
  10
  11                         $("#mylist").append( li ).trigger("create");
  12                 };
  13
  14         $("#add").bind( "vclick", function ( e ) {
  15                 add_item();
  16                 $("#mylist").listview("refresh");
  17         });
  18
  19         $("#add2").bind( "vclick", function ( e ) {
  20                 var i;
  21
  22                 for ( i = 0; i < 20; i++ ) {
  23                         add_item();
  24                 }
  25
  26                 $("#mylist").listview("refresh");
  27         });
  28
  29         $("#new").bind( "vclick", function ( e ) {
  30                 $("#mylist").html("").trigger("create");
  31
  32                 add_item();
  33                 $("#mylist").listview("refresh");
  34         });
  35
  36         $("#new2").bind( "vclick", function ( e ) {
  37                 var i;
  38
  39                 $("#mylist").html("").trigger("create");
  40
  41                 for ( i = 0; i < 20; i++ ) {
  42                         add_item();
  43                 }
  44
  45                 $("#mylist").listview("refresh");
  46         });
  47
  48         $("#mylist").delegate( ".ui-btn", "vclick", function ( e ) {
  49                 $( "#li" + this.id ).remove();
  50                 $("#mylist").listview("refresh");
  51         });
  52 });