search - jqGrid - 更改过滤器/搜索弹出表单 - 在页面上平坦 - 而不是对话框

Question

我正在使用jqgrid。

我真的需要这方面的帮助，并且不知道该怎么做，但我确信这是可能的......任何人都可以给我一个部分答案吗？从什么时候开始？

我现在有一个要求，为了搜索和过滤网格，我不希望打开常规模型表单弹出操作，而是应该在进入页面时打开过滤器，但不是作为弹出表单，而是应该打开页面顶部，但仍然具有所有功能。

需要看起来像这样:

再次让选择标签填充正确的信息(就像在弹出表单中所做的那样)，当单击“保存”时，它应该像常规一样将请求发送到服务器。

这可能吗？

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

我基本上唯一需要的是过滤器不包含对话框部分。

Answer 1

旧搜索对话框问题的解决方案您可以找到 here 。我将演示修改为 jqGrid 中搜索对话框的当前实现。

您可以在 the demo 上查看结果:

对应的代码如下:

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"});