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

dka*_*zon 12 jquery jquery-ui

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

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

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

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

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

jqGrid 3.5 beta

Jas*_*rry 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(); }
            });
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

不要忘记将更#grid_id改为与网格匹配的选择器.

更新:已更改$("#grid_id").trigger("reloadGrid");$("#grid_id")[0].triggerToolbar();.在jqGrid 3.5b演示上测试过,它可以正常工作.

  • 我查看了jqGrid的源代码,直到找到了我要找的东西 - 它没有记录在我能看到的任何地方!我想这是一个临时的解决方法,直到开发人员将其添加为默认的jqGrid功能 - 您可能想建议它们? (2认同)