Обработчики событий JQGrid для пользовательских поисковых запросов

Question

Я создал сетку jqGrid с выпадающим списком, этот список (из-за ограничений dev) должен быть загружен один раз, так что все возвращенные данные могут быть отфильтрованы, все это классно до сих пор ,

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

Я приложил раздел кода, который строит поиск в панели инструментов, но я понятия не имею, как добавить функциональность, чтобы поймать обработчик события при изменении значения выбора, в этом только экземпляре мне нужен нестандартный код для быть выполнены - например, функция callNewData()

colNames:["Rent Due Date ","Tenant","Description","Address","Payment Ref.","Rent  Amount","Outstanding","Amount  Received","Confirm?","tenancyID","tenantID","rentID","existingRent"], 
    colModel :[{ 
     name:"rentDueDate", 
     index:"rentDueDate", 
     align:"center", 
     width:"130", 
     search:true, 
     stype:"select", 
     searchoptions: { 
      value: "all:All;due:Due;overdue:Overdue;future:+1 Week;" , 
      defaultValue:"due" 
     } 
    }, 

Где в параметры поиска (или в colModel) я бы поставил обработчик события OnChange?

Answer 1

Извините, но непонятно, какова ваша точная проблема. Если пользователь выберет опцию из раскрывающегося списка, автоматически автоматически загрузится jqGrid . перезагрузите сетку фильтром, который выбрал пользователь. Если вы используете локальный datatype, то фильтрация будет выполняться jqGrid внутренне. Если вы используете datatype: "json" или datatype: "xml" без использования loadonce: true, тогда jqGrid отправит запрос на сервер, добавив информацию о фильтре в список стандартных параметров.

Если вам действительно нужно обрабатывать onChange событие в <select>, то вам необходимо определить обработчик события change внутри dataEvents:

searchoptions: { 
    value: "all:All;due:Due;overdue:Overdue;future:+1 Week;", 
    defaultValue: "due", 
    dataEvents: [ 
     { 
      type: "change", 
      fn: function (e) { 
       // some code which will be executed onChange 
      } 
     } 
    ] 
}