Jqgrid поиск панели инструментов фильтр уникальных выпадающих списков

Question

Я использовал пример из этого поста , и он прекрасно работает для создания уникального выпадающего списка на панели инструментов поиска на основе данных столбца. Однако, если у меня более одной страницы данных, выпадающий список заполняется только с первой страницы. Я новичок в jquery и jqgrid и не смог найти решение этой проблемы. Есть идеи?

Спасибо.

Вот код, скопированный с поста, связанного выше.

var mydata = [
    {id:"1", Name:"Miroslav Klose",     Category:"sport",   Subcategory:"football"},
    {id:"2", Name:"Michael Schumacher", Category:"sport",   Subcategory:"formula 1"},
    {id:"3", Name:"Albert Einstein",    Category:"science", Subcategory:"physics"},
    {id:"4", Name:"Blaise Pascal",      Category:"science", Subcategory:"mathematics"}
],
grid = $("#list"),
getUniqueNames = function(columnName) {
    var texts = grid.jqGrid('getCol',columnName), uniqueTexts = [],
        textsLength = texts.length, text, textsMap = {}, i;
    for (i=0;i<textsLength;i++) {
        text = texts[i];
        if (text !== undefined && textsMap[text] === undefined) {
            // to test whether the texts is unique we place it in the map.
            textsMap[text] = true;
            uniqueTexts.push(text);
        }
    }
    return uniqueTexts;
},
buildSearchSelect = function(uniqueNames) {
    var values=":All";
    $.each (uniqueNames, function() {
        values += ";" + this + ":" + this;
    });
    return values;
},
setSearchSelect = function(columnName) {
    grid.jqGrid('setColProp', columnName,
                {
                    stype: 'select',
                    searchoptions: {
                        value:buildSearchSelect(getUniqueNames(columnName)),
                        sopt:['eq']
                    }
                }
    );
};
grid.jqGrid({
    data: mydata,
    datatype: 'local',
    colModel: [
        { name:'Name', index:'Name', width:200 },
        { name:'Category', index:'Category', width:200 },
        { name:'Subcategory', index:'Subcategory', width:200 }
    ],
    sortname: 'Name',
    viewrecords: true,
    rownumbers: true,
    sortorder: "desc",
    ignoreCase: true,
    pager: '#pager',
    height: "auto",
    caption: "How to use filterToolbar better locally"
}).jqGrid('navGrid','#pager',
          {edit:false, add:false, del:false, search:false, refresh:false});

setSearchSelect('Category');
setSearchSelect('Subcategory');

grid.jqGrid('setColProp', 'Name',
            {
                searchoptions: {
                    sopt:['cn'],
                    dataInit: function(elem) {
                        $(elem).autocomplete({
                            source:getUniqueNames('Name'),
                            delay:0,
                            minLength:0
                        });
                    }
                }
            });

grid.jqGrid('filterToolbar',
            {stringResult:true, searchOnEnter:true, defaultSearch:"cn"});

Answer 1

Если вы используете datatype: 'local', у вас есть информация, которая вам нужна уже в mydata. В качестве альтернативы вы можете использовать var gridData = grid[0].p.data или тот же var gridData = grid.jqGrid('getGridParam','data'), чтобы получить сетку, содержащую всех страниц сетки . Поэтому вместо textsLength и texts[i] в функции getUniqueNames вы можете использовать gridData.length и gridData[columnName] или String(gridData[columnName]).

Answer 2

Вы должны будете отправить список на страницу за пределами jqgrid. jqgrid будет одновременно извлекать страницу и не будет знать обо всех ваших других данных, если вы используете их в режиме AJAX.

Если это просто вопрос использования имеющихся у вас mydata, и все данные находятся в области действия js, но только на другой странице (набор результатов на jqgrid), почему бы вам не построить список и не использовать его на месте? из вар называется текстами. Вы просматриваете только данные страницы, а не все загружаемые данные. Имеет ли это смысл?