tips/generate-elements-dynamically.js

   1 var myArray = [];
   2 function addCheckbox(){
   3         var newhtml,
   4                 i = myArray.length;
   5
   6         myArray[myArray.length] = 'Item - ' + myArray.length;
   7                 newhtml = '<input type="checkbox" name="checkbox-'+i+'a" id="checkbox-'+i+'a" class="custom" />' ;
   8                 newhtml += '<label for="checkbox-'+i+'a">'+myArray[i]+'</label>';
   9         $( "#checkboxItems" ).append( newhtml );
  10         $( "#checkboxItems" ).trigger( "create" );
  11 }
  12
  13
  14 $( '#bAdd' ).live( 'vclick', function () {
  15         addCheckbox();
  16 } );
  17
  18 $( "#ButtonAdd" ).live( "vclick", function() {
  19         /* Append new button */
  20         var buttonTemplate = "<div data-role='button' data-inline='true' " +
  21                                                         "data-icon='call' data-style='circle' " +
  22                                                         "data-theme='s' class='newbutton'></div>";
  23         $( buttonTemplate ).buttonMarkup().appendTo( "#buttonItems" );
  24
  25         /* Same works */
  26         /*$("#buttonItems").trigger("create");*/
  27 } );
  28
  29 $( "#ListAdd" ).live( "vclick", function() {
  30         var listTemplate = "<li>Appended New Item</li>";
  31         $( listTemplate ).appendTo( "#listview" );
  32         $( "#listview" ).listview( "refresh");
  33 } );