在Jquery日期选择器选择之后重新加载JQGrid

时间:2009-07-27 03:28:09

标签: jquery jquery-ui

我在我的一个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 beta

1 个答案:

答案 0 :(得分: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上对此进行了测试,它确实有效。