jqGrid: окно поиска отключено 2

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 не будет создавать оверлей над сеткой, а диалог поиска будет блокировать сетку.

Я полагаю, что ваша основная проблема в списке компонентов jqGrid, которые вы выбрали, когда вы скачали файл jquery.jqGrid.min.js. Файл должен содержать как минимум grid.base.js; grid.common.js; grid.formedit.js; компоненты jquery.searchFilter.js. Если вы откроете jquery.jqGrid.min.js в текстовом редакторе, вы увидите все комментарии jqGrid в комментарии (ищите текст "* Modules:"). Если вы не найдете ни одного из модулей в своей копии jquery.jqGrid.min.js, вам следует загрузить jqGrid еще раз, выбрав больше модулей.

Другой возможной причиной может быть конфликт в CSS, который вы используете. Попробуйте воспроизвести проблему на возможной чистой веб-странице, а затем перейдите шаг за шагом к текущей странице со всем CSS.