可以使jqGrid搜索框留在页面上？

Question

现在,我必须单击jqGrid搜索图标以弹出搜索框.我想要做的是始终在网格上方(而不是弹出窗口)打开搜索框.我在他们的演示中没有看到任何东西,但我希望有人已经完成它或知道如何.

Answer 1

做你需要的最简单的方法是

var grid = $("#list"),
    prmSearch = {multipleSearch:true,overlay:false};

grid.jqGrid({
    // all jqGrid parameters
});

// next line is optional
grid.jqGrid('navGrid','#pager',
            {add:false,edit:false,del:false,search:true,refresh:true},
            {},{},{},prmSearch);

// create the searching dialog
grid.searchGrid(prmSearch);

// find the div which contain the searching dialog
var searchDialog = $("#fbox_"+grid[0].id);

// make the searching dialog non-popup
searchDialog.css({position:"relative", "z-index":"auto"});

你可以在这里看到结果.要在搜索对话框和网格上删除边框,您还可以执行以下操作:

searchDialog.addClass("ui-jqgrid ui-widget ui-widget-content ui-corner-all");
searchDialog.css({position:"relative", "z-index":"auto", float:"left"})
var gbox = $("#gbox_"+grid[0].id);
gbox.before(searchDialog);
gbox.css({clear:"left"});

它将搜索对话框移到"gbox_list"div之外.

您可以在此处看到最终解决方案.