Question

这是我与之斗争的另一个例子......

$("#list").jqGrid({
    url: 'AjaxFunctions.asmx/TestMethod',
    datatype: 'json',
    mtype: 'POST',
    ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
    //postdata: { _search: "true" },
    multiselect: true,
    //postData: { "filters": jsonData},
    serializeGridData: function (postData) {
        if (postData.filters === undefined) postData.filters = null;
        return JSON.stringify(postData);
    },
    jsonReader: {
        root: function (obj) { return obj.d.rows; },
        page: function (obj) { return obj.d.page; },
        total: function (obj) { return obj.d.total; },
        records: function (obj) { return obj.d.records; }
    },
    // you can also use following more simple form of jsonReader instead:
    // jsonReader: { root: "d.rows", page: "d.page", total: "d.total",
    //               records: "d.records", id: "d.names" }
    colNames:['Name', 'Title'],
    colModel: [
        { name: 'name', label: 'Name', width: 250 },
        { name: 'title', label: 'Title', width: 250 }
    ],
    rowNum: 10,
    rowList: [10, 20, 300],
    sortname: 'name',
    sortorder: "asc",
    pager: $("#pager"),
    viewrecords: true,
    gridview: true,
    rownumbers: true,
    height: 250,
    imgpath: '../css/images',
    caption: 'My first grid'
}).jqGrid('navGrid', '#pager', {edit: false, add: false, del: false, search: true});

}）;

我的问题是当我点击搜索按钮时会显示搜索框，但禁用网格和搜索框。

Answer 1

如果您添加搜索选项的overlay:false属性：

$("#list").jqGrid('navGrid','#pager',{edit:false,add:false,del:false},{},{},{},
                  {multipleSearch:true,overlay:false});

jqGrid不会在网格上创建叠加层，搜索对话框将阻止网格。

我认为你的主要问题是你在jquery.jqGrid.min.js {j}选择的jqGrid组件列表。该文件至少应包含grid.base.js; grid.common.js; grid.formedit.js; jquery.searchFilter.js组件。如果在文本编辑器中打开jquery.jqGrid.min.js，您将在注释中看到所有jqGrid组件（搜索“* Modules：”文本）。如果你在jquery.jqGrid.min.js副本中的模块中找不到一个，你应该再次downloaded jqGrid选择更多的模块。

另一个可能的原因可能是你使用的CSS中的一些冲突。尝试在可能的纯网页上重现问题，然后使用所有CSS逐步进入当前页面。

jqGrid：禁用搜索框2

1 个答案: