Как фильтровать данные после gridComplete - на стороне клиента (jqGrid)

Question

У меня есть пользовательские фильтры (не панель фильтров jqgrid), которые работают нормально, но я бы хотел выполнить фильтрацию после перезагрузки данных в сетке.Я знаю, что функция DoSearch выполнена, но я не вижу результатов фильтрации.

Это сетка (содержит некоторые из моих экспериментов):

function PopulateMainGrid() {
    $.jgrid.gridUnload('#list2');
    jQuery("#list2").jqGrid({
        url: 'service.aspx?method=yxc',
        datatype: "XML",
        colNames: [' ', 'id', 'CustomerID', 'Material name', 'Unit', 'Producer', 'Cat. Nr.', 'Supplier', 'Order', 'Project', 'Ordered', 'OrderHeadID', 'Material type', 'Amount', 'Received', 'Remaining', 'state'],
        colModel: [
            { name: ' ', index: ' ', hidden: true },
            { name: 'id', index: 'id', hidden: true },
            { name: 'CustomerID', index: 'CustomerID', hidden: true },
            { name: 'MaterialName', index: 'MaterialName', width: 300 }

            ...
            ...
            ...

        ],
        rowNum: 25, rowList: [10, 25, 50, 100, 200],
        pager: '#pager2',
        height: 580,
        width: 1100,
        ignoreCase: true,
        loadonce: true,
        viewrecords: true,
        ondblClickRow: function (id) { OpenCard(id); },
        //gridComplete: function (data) { setTimeout(DoSearch(), 2000);  }
        postData: function () { DoSearch(); }
    });

Этофункция, выполняющая фильтрацию:

function DoSearch() {

    var grid = $("#list2");
    var filter = {
        "groupOp": "AND", "rules":
            [
                { "field": "Unit", "op": "cn", "data": $("#cmbsUnits  option:selected").text() },
                { "field": "ProducerName", "op": "cn", "data": $("#cmbsProducers  option:selected").text() },

                 ...
                 ...
                 ...

            ]
    };
    grid.jqGrid('setGridParam', { search: true, postData: { filters: filter } });
    grid.trigger("reloadGrid", [{ page: 1 }]);
}

XML в качестве ответа:

<?xml version="1.0" encoding="UTF-8"?>
<rows>
   <page>1</page>
   <total>1</total>
   <records>7</records>
   <row id="">
      <cell />
      <cell />
      <cell><![CDATA[35]]></cell>
      <cell />
      <cell />
      <cell />
      <cell />
      <cell />
      <cell><![CDATA[1-2018]]></cell>
      <cell><![CDATA[aa]]></cell>
      <cell><![CDATA[2018-09-18 10:13:45]]></cell>
      <cell />
      <cell />
      <cell />
      <cell><![CDATA[0]]></cell>
      <cell />
      <cell><![CDATA[4]]></cell>
   </row>
   <row id="">
      <cell />
      <cell />
      <cell><![CDATA[35]]></cell>
      <cell />
      <cell />
      <cell />
      <cell />
      <cell />
      <cell><![CDATA[2-10-2018]]></cell>
      <cell><![CDATA[aa]]></cell>
      <cell><![CDATA[2018-10-02 15:23:14]]></cell>
      <cell />
      <cell />
      <cell />
      <cell><![CDATA[0]]></cell>
      <cell />
      <cell><![CDATA[4]]></cell>
   </row>
   <row id="">
      <cell />
      <cell />
      <cell><![CDATA[35]]></cell>
      <cell />
      <cell />
      <cell />
      <cell />
      <cell />
      <cell><![CDATA[1-10-2018]]></cell>
      <cell><![CDATA[aa]]></cell>
      <cell><![CDATA[2018-10-02 15:26:37]]></cell>
      <cell />
      <cell />
      <cell />
      <cell><![CDATA[0]]></cell>
      <cell />
      <cell><![CDATA[4]]></cell>
   </row>
   <row id="86">
      <cell />
      <cell><![CDATA[86]]></cell>
      <cell><![CDATA[35]]></cell>
      <cell><![CDATA[test1]]></cell>
      <cell><![CDATA[unit 1]]></cell>
      <cell><![CDATA[prod 1]]></cell>
      <cell><![CDATA[111]]></cell>
      <cell><![CDATA[sup 1]]></cell>
      <cell><![CDATA[3-10-2018]]></cell>
      <cell><![CDATA[aa]]></cell>
      <cell><![CDATA[2018-10-19 08:33:33]]></cell>
      <cell><![CDATA[67]]></cell>
      <cell><![CDATA[Custom item]]></cell>
      <cell><![CDATA[33]]></cell>
      <cell><![CDATA[9]]></cell>
      <cell><![CDATA[24]]></cell>
      <cell><![CDATA[4]]></cell>
   </row>
   <row id="84">
      <cell />
      <cell><![CDATA[84]]></cell>
      <cell><![CDATA[35]]></cell>
      <cell><![CDATA[test 2]]></cell>
      <cell><![CDATA[unit 1]]></cell>
      <cell><![CDATA[prod 2]]></cell>
      <cell><![CDATA[222]]></cell>
      <cell><![CDATA[sup 1]]></cell>
      <cell><![CDATA[4-2018]]></cell>
      <cell><![CDATA[aa]]></cell>
      <cell><![CDATA[2018-10-19 10:30:50]]></cell>
      <cell><![CDATA[64]]></cell>
      <cell><![CDATA[Custom item]]></cell>
      <cell><![CDATA[33]]></cell>
      <cell><![CDATA[0]]></cell>
      <cell><![CDATA[33]]></cell>
      <cell><![CDATA[4]]></cell>
   </row>
   <row id="85">
      <cell />
      <cell><![CDATA[85]]></cell>
      <cell><![CDATA[35]]></cell>
      <cell><![CDATA[test1]]></cell>
      <cell><![CDATA[unit 1]]></cell>
      <cell><![CDATA[prod 1]]></cell>
      <cell><![CDATA[111]]></cell>
      <cell><![CDATA[sup 1]]></cell>
      <cell><![CDATA[4-2018]]></cell>
      <cell><![CDATA[aa]]></cell>
      <cell><![CDATA[2018-10-19 10:30:50]]></cell>
      <cell><![CDATA[64]]></cell>
      <cell><![CDATA[Custom item]]></cell>
      <cell><![CDATA[12]]></cell>
      <cell><![CDATA[0]]></cell>
      <cell><![CDATA[12]]></cell>
      <cell><![CDATA[4]]></cell>
   </row>
   <row id="87">
      <cell />
      <cell><![CDATA[87]]></cell>
      <cell><![CDATA[35]]></cell>
      <cell><![CDATA[test 2]]></cell>
      <cell><![CDATA[unit 1]]></cell>
      <cell><![CDATA[prod 2]]></cell>
      <cell><![CDATA[222]]></cell>
      <cell><![CDATA[sup 1]]></cell>
      <cell><![CDATA[4-10-2018]]></cell>
      <cell><![CDATA[aa]]></cell>
      <cell><![CDATA[2018-10-19 10:31:59]]></cell>
      <cell><![CDATA[68]]></cell>
      <cell><![CDATA[Custom item]]></cell>
      <cell><![CDATA[22]]></cell>
      <cell><![CDATA[0]]></cell>
      <cell><![CDATA[22]]></cell>
      <cell><![CDATA[4]]></cell>
   </row>
</rows>

Я бы хотел выполнить фильтрацию после того, как все будет завершено в сетке после обновления.DoSearch Функция запущена , но я не вижу никакого эффекта.

Любая идея приветствуется.

РЕДАКТИРОВАТЬ:

jqGrid 5.1.1

Answer 1

Я проверил ваш код, и в случае gridComplete evet это приведет вас к бесконечному циклу с момента запуска сетки.Для того, чтобы это было выполнено правильно, необходимо установить где-нибудь глобальный флаг, и, когда завершается сетка, выполнить установку этого флага, чтобы функция DoSearch не выполнялась.Вот рабочий код:

$(document).ready(function () {
    var dynamic = false;
    $("#jqGrid").jqGrid({
    ...
    gridComplete: function (data) { 
        setTimeout(function() {
            if( !dynamic) { 
                DoSearch();
            }
        }, 1000);
    },
    ....
});

function DoSearch() {
    var grid = $("#jqGrid");
    var filter = {
        "groupOp": "AND", "rules":
            [
                { "field": "name", "op": "eq", "data": 'Client 1' },
                { "field": "tax", "op": "gt", "data": '200' }
            ]
    };
    grid.jqGrid('setGridParam', { search: true, postData: { filters: filter } });
    grid.trigger("reloadGrid");
    dynamic = true;
}

В случае динамического поиска в будущем вам нужно будет просто установить для этой переменной значение false.

Вот демонстрационный пример