Динамическая таблица в диалоговом окне JQuery

Question

Я новичок в JQUERY. У меня проблема с диалоговым окном.

1) Я хочу, чтобы показать динамический HTML таблицу на Jquery POP. (Как реализовать плз предложить!)

2) Это ниже диалоговое окно Jquery автоматически закрывается.

$(function() { 
    $("#dialog").dialog({ 
     modal: true, 
     buttons: { 
      "Ok": function() { 
       $(this).dialog("close"); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
}); 

Помогите.

Answer 1

попробовать это:

открыт Dialog

<div id="dialog" style="display: none;"></div> 

<script type="text/javascript"> 
    $(document).ready(function() { 

     function createTable() { 

      mytable = $('<table></table>').attr({ id: "basicTable" }); 
      var rows = new Number("3"); 
      var cols = new Number("3"); 
      var tr = []; 
      for (var i = 0; i < rows; i++) { 
       var row = $('<tr></tr>').attr({ class: ["class1", "class2", "class3"].join(' ') }).appendTo(mytable); 
       for (var j = 0; j < cols; j++) { 
        $('<td></td>').text("text1").appendTo(row); 
       } 

      } 
      //console.log("TTTTT:" + mytable.html()); 
      mytable.appendTo("#dialog"); 

     } 

     $("#dialog").dialog({ 
      autoOpen: false, 
      open: function (event, ui) { 
       createTable(); 
      } 
     }); 


     $('#btnclick').click(function() { 
      //$("#inputtext").after('<input type="text">'); 
      $("#dialog").dialog("open"); 

     }); 
    }); 


</script>