Question

如何在对话框中显示JQGrid？

Answer 1

在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} },
      ...
   ]
...
})
}

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

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

JQGrid在一个对话框中

3 个答案: