jqGrid - 更改过滤器/搜索弹出表单 - 在页面上平展 - 不是对话框 [英] jqGrid - Change filter/search pop up form - to be flat on page - not a dialog

问题描述

我正在使用 jqgrid.

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

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

需要看起来像这样:

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

这可能吗?

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

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

解决方案

老搜索对话框问题的解决方法你可以找到这里.我将演示修改为 jqGrid 中搜索对话框的当前实现.

您可以在 演示上查看结果::p>

对应的代码如下:

var $grid = $('#list');//创建网格$grid.jqGrid({//jqGrid 选项});//设置搜索默认值$.extend($.jgrid.search, {multipleSearch: true, multipleGroup: true, overlay: 0});//在创建导航栏时(可选)不需要包含搜索按钮$grid.jqGrid('navGrid', '#pager', {add: false, edit: false, del: false, search: false});//创建搜索对话框$grid.jqGrid('searchGrid');var gridSelector = $.jgrid.jqID($grid[0].id),//'列表'$searchDialog = $("#searchmodfbox_" + gridSelector),$gbox = $("#gbox_" + gridSelector);//隐藏搜索对话框的关闭"按钮$searchDialog.find("a.ui-jqdialog-titlebar-close").hide();//将搜索对话框放在网格上方$searchDialog.insertBefore($gbox);$searchDialog.css({position: "relative", zIndex: "auto", float: "left"})$gbox.css({clear:"left"});

I am using jqgrid.

I really need help with this, and have no clue how to do it, but i am sure its possible... can any one give me even a partial answer? were to start from?

I now have a requirement saying that for searching and filtering the grid I dont want the regular model form pop op thing opening, instead the filter should be open when entering the page but not as a pop up form , but should be on the top of the page but still have all the functions to it.

Needs to look like this:

And again having the select tag filled with the correct information (like they do in the popup form) and when clicking on "Save" it should send the request to the server, like regular.

Is this possible?

*******EDIT*******

The only thing i basically need is to have the filter with out the dialog part of it.

解决方案

The solution of the problem for the old searching dialog you can find here. I modified the demo to the current implementation of the searching dialog in the jqGrid.

You can see the results on the demo:

The corresponding code is below:

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

这篇关于jqGrid - 更改过滤器/搜索弹出表单 - 在页面上平展 - 不是对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！