2009-07-27 97 views
12

我在我的ASP.NET项目之一在网格显示可排序/可过滤项目列表使用的jqGrid(这是所有工作的罚款)重新加载jqGrid的后Jquery的日期选择器选择

唯一的问题IM用起来是,其中一列是日期字段,所以我使用的日期选择器(使用以下选项)

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

具有过滤文本框但是,当我从日期选择器选择一个日期,它不是令人耳目一新网格自动(像下拉菜单一样),我必须再次点击文本框并按下回车键。

有没有办法解决这个问题?

的jqGrid 3.5测试版

+0

感谢格式化seth ... – dkarzon 2009-07-27 04:01:42

+0

np ...让我知道如果我搞砸了。 – seth 2009-07-27 05:19:16

回答

11

我没有使用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,它的工作原理。