JQGrid在一个对话框中

Question

如何在对话框中显示JQGrid？

Answer 1

在html页面中的place表标签,用于在对话框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} },
      ...
   ]
...
})
}

Answer 2

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