JQGrid在对话框中的应用

Question

如何在对话框中显示JQGrid？

- rey

Answer 1

在HTML页面中，放置一个表格标签，该标签将用于在对话框div中构建网格，如下所示：

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

然后在 JavaScript 中首先设置对话框的配置，例如：

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

- aamir sajjad

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是指在论坛中回复已经过时的帖子或话题。

- Monkios

Answer 3

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

- vladikoff

---

嗨，vladikoff！感谢您的回复。不幸的是，jQgrid演示应用对像我这样的新手来说相当复杂。而且，示例是以选项卡的形式显示而不是我想要学习的单独对话框。 - rey