jqGrid - 更改过滤器/搜索弹出窗体 - 在页面上是平的 - 不是对话框

Question

我正在使用jqgrid.

我真的需要帮助,并且不知道怎么做,但我确信它可能......任何人都可以给我一个部分答案吗？是从哪开始的？

我现在有一个要求说,为了搜索和过滤网格,我不希望常规模型表单pop op thing打开,而是过滤器应该在进入页面时打开而不是作为弹出窗体,但应该在顶部页面,但仍然具有它的所有功能.

需要看起来像这样:

再次让select标签填充正确的信息(就像它们在弹出窗口中一样),当点击"保存"时,它应该将请求发送到服务器,就像常规一样.

这可能吗？

*******编辑*******

我唯一需要的是让过滤器没有对话框部分.

Answer 1

您可以在此处找到旧搜索对话框的问题解决方案.我将demo修改为jqGrid中搜索对话框的当前实现.

您可以在演示中看到结果:

相应的代码如下:

var $grid = $('#list');

// create the grid
$grid.jqGrid({
    // jqGrid opetions
});

// set searching deafauls
$.extend($.jgrid.search, {multipleSearch: true, multipleGroup: true, overlay: 0});

// during creating nevigator bar (optional) one don't need include searching button
$grid.jqGrid('navGrid', '#pager', {add: false, edit: false, del: false, search: false});

// create the searching dialog
$grid.jqGrid('searchGrid');

var gridSelector = $.jgrid.jqID($grid[0].id), // 'list'
    $searchDialog = $("#searchmodfbox_" + gridSelector),
    $gbox = $("#gbox_" + gridSelector);

// hide 'close' button of the searchring dialog
$searchDialog.find("a.ui-jqdialog-titlebar-close").hide();

// place the searching dialog above the grid
$searchDialog.insertBefore($gbox);
$searchDialog.css({position: "relative", zIndex: "auto", float: "left"})
$gbox.css({clear:"left"});