JQGrid в диалоговом окне

Question

Как вы можете отобразить JQGrid в диалоговом окне?

Answer 1

Если вы используете диалог jquery-ui, используйте this page, первый пример покажет вам, как создать диалог с #dialog. Затем this page будет иметь базовый пример JQGrid, который вы введете в свой #dialog. Если вы используете другой тип диалога, процесс должен быть схожим.

Answer 2

Это, как я это сделал, с помощью AJAX, чтобы получить страницу, содержащую мой jqGrid:

$.ajax({ 
    [...], 
    success: function(data){ 
     var popup = document.createElement("div"); 

     // Appending 
     $(popup).append(data); 
     $("body").append(popup); 

     // Dialoging 
     $(popup).dialog({ 
     [...] 
     }); 
    } 
}); 

PS: Я не знаю правила о necroposting, но так как ответ не был дан, я выбрал ответить.

Answer 3

в HTML-теге места таблицы, которая будет использоваться для построения сетки внутри диалогового DIV как

<div id="dialog-div"> 
<table id="JqGrid"> 
</table> 
<div id="pager" style="text-align: center; </div> 
</div> 

затем в Js первых настроек диалогового набора как

$("#dialog-div").dialog({ 
      width: 'auto', 
      resizable: false, 
      height: '395', 
      autoOpen: false, 
      open: function (event, ui) { 
      ConstructJqGrid(); 
      }, 

     }); 
function ConstructJqGrid(){ 


jQuery("#JqGrid").jqGrid({ 
... 
    colModel: [ 
     ... 
     {name:'price', ..., editable:true, edittype:'custom', editoptions:{custom_element: myelem, custom_value:myvalue} }, 
     ... 
    ] 
... 
}) 
}