如何在模態對話框中加載jqGrid jquery

我在調用函數GetGrid_Data()來加載jqGrid ...但沒有運氣。這是一種方式加載模式對話框上的內容，如果不是請建議的方式..提前。如何在模態對話框中加載jqGrid jquery

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 
        }); 
       } 
      });

來源

2016-11-29 Supreeth

是否在id =「對話框」（對話框）中的div內部是

？您使用哪種版本的jqGrid，以及從哪個版本的jqGrid（[免費jqGrid]（https://github.com/free-jqgrid/jqGrid），商業版[Guriddo jqGrid JS]（http://guriddo.net/?page_id） = 103334）或舊版本的jqGrid版本<= 4.7）？你使用哪個版本的jQuery UI？如果你創建了演示（例如在jsfiddle中），那會更好地重現問題。 – Oleg

''＃grid2''應該在模態對話框html中。 –

@Oleg感謝您的回覆....我正在使用jqGrid版本4.5.2和＃grid2是在「對話框」模態對話框的div ...我使用jQuery 1.2.1版本... 是否有任何其他選項，除了打開的地方，我可以包括jqGrid代碼 – Supreeth

根據您的代碼，您必須將對話框追加到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({

讓我們知道，如果它的工作原理。乾杯!

來源

2016-11-30 08:40:38

如何在模態對話框中加載jqGrid jquery

回答

相關問題