모달 대화 상자 jqery에 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 몸체에 대화 상자를 추가해야합니다. 다음을 수행하십시오 :

$('.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({

가 작동하는지 알려 주시기 바랍니다. 건배!