jquery - 选择 Jquery 日期选择器后重新加载 JQGrid

Question

我在我的一个 ASP.NET 项目中使用 JQGrid，其中网格显示可排序/可过滤的项目列表(一切正常)

我遇到的唯一问题是，其中一列是日期字段，因此我使用日期选择器(使用以下选项)来过滤文本框

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

但是当我从日期选择器中选择日期时，它不会自动刷新网格(就像下拉菜单一样)，我必须再次单击文本框并按 Enter 键。

有办法解决这个问题吗？

jqGrid 3.5 测试版

Answer 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]。触发工具栏()；。在 jqGrid 3.5b demos 上对此进行了测试并且它有效。