モーダルダイアログjqueryでjqGridをロードするには

Question

jqGridをロードするには、GetGrid_Data()関数を呼び出していますが、運は必要ありません。 これは道を示唆していない場合、モーダルダイアログのコンテンツをロードする方法ですか？事前におねがいします。

function ClickFirstName() { 
    $('.GetLink').click(function() { 
     $('#dialog-box').dialog({ 
     title: "Ageing details", 
     modal: true, 
     draggable: false, 
     width: '50%', 
     height: 500, 
     open: function(){ 
     GetGrid_Data(); 
     }, 
     buttons: { 
     "Close": function() { 
     $(this).dialog("close"); 
     } 
     } 
     }); 
     }); 
     //Get_Dialog(); 
    } 
    function GetGrid_Data() { 
       alert("Hello"); 
       $('#grid2').jqGrid({ 
        data: pateintsData, 
        datatype: 'local', 
        colNames: ['Speciality', 'LIP', 'Days', 'PLA'], 
        colModel: [ 
       { name: 'Speciality', index: 'Speciality', width: 200, align: 'center' }, 
       { name: 'LIP', index: 'LIP', align: 'center', width: 200, editable: true }, 
       { name: 'Days', index: 'Days', align: 'center', width: 200, editable: true }, 
        { name: 'PLA', index: 'PLA', align: 'center', width: 300, editable: true } 
        ], 
         //onSortCol: function (name, index) { alert("Column Name: " + name + " Column Index: " + index); }, 
         sortname: 'Speciality', 
         editurl: "clientArray", 
         sortorder: 'asc', 
         scrollOffset: 0, 
         gridview: true, 
         hidegrid: false, 
         height: 680, 
         shrinkToFit: true, 
         altRows: true, 
         altclass: 'myAltRowClass', 
         viewrecords: true 
        }); 
       } 
      }); 

Answer 1

コードに基づいて、html bodyにダイアログを追加する必要があります。次の操作を実行してみてください。

$('.GetLink').click(function() { var $div = $('<div id="dialog-box"> + '<div id="grid2Div">' + '<table id="grid2"></table>' + '<div id="grid2"></div></div></div>'; $('body').append($div); $('#dialog-box').dialog({

それが動作するかどうか、私たちは知ってみましょう。乾杯！