Перезагрузите JQGrid после выбора даты в JQuery

Я использую JQGrid в одном из моих проектов ASP.NET, где сетка показывает список элементов, которые можно сортировать/фильтровать (что все работает нормально)

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

{ name:'Due',
  index:'Due', 
  width:100, 
  align:"center",
  searchoptions:{
      dataInit:function(el){
          $(el).datepicker({dateFormat:'dd-mm-yy'});
      }
   }
 }

Но когда я выбираю дату из выбора даты, она не обновляет сетку автоматически (например, выпадающие списки), я должен снова щелкнуть текстовое поле и нажать enter.

Есть ли способ исправить это?

jqGrid 3.5 beta​​p >

Ответы

Ответ 1

Я не использовал JQGrid, но из документации вы должны сделать что-то вроде этого:

{
    name:'Due',
    index:'Due', 
    width:100, 
    align:"center",
    searchoptions:{
        dataInit:function(el){
            $(el).datepicker({
                dateFormat:'dd-mm-yy',
                onSelect: function(dateText, inst){ $("#grid_id")[0].triggerToolbar(); }
            });
        }
    }
}

Не забудьте изменить #grid_id на селектор, соответствующий вашей сетке.

Обновлено: Изменено $("#grid_id").trigger("reloadGrid"); до $("#grid_id")[0].triggerToolbar();. Протестировано это на jqGrid 3.5b demos и он работает.