对话框中的JQGrid

如何在对话框中显示JQGrid？

如果使用jquery ui对话框use，第一个示例将向您展示如何使用#对话框创建对话框。然后将有一个基本的JQGrid示例，您将其嵌入到#对话框中。如果您使用的是不同类型的对话框，则过程应该类似。

我就是这样做的，使用AJAX获得包含jqGrid的页面：

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

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

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

---

PS：我不知道关于NecroPost的规则，但因为从来没有给出过答案，所以我选择了回答。

在html页面中放置表标记，用于在对话框div中构建网格

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

---

嗨，弗拉迪科夫！谢谢你的回复。不幸的是，对于像我这样的新手来说，jQgrid演示应用程序非常复杂。此外，样本显示在选项卡中，而不是单个对话框中，这正是我想要了解的。

$("#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} },
      ...
   ]
...
})
}