NSS_07 extjs中grid在工具条上的查询

时间:2022-08-04 18:48:44

碰到的每个问题, 我都会记下走过的弯路,尽量回忆白天的开发过程, 尽量完整, 以使自己以后可以避开这些弯路。

这个问题在系统中应用得比较多, 在一个gridpanel的工具条上有俩搜索框, panel加载和工具条查询按钮查询的功能。主要涉及store的filter功能。

  • 客户端的filter

  在stoer load前,先clearFilter(因为在每点一次查询, filter项中就会多一组查询条件, 导致查询有误), 然后stoer.filter[{property: '',value''},{}];,然后再store.loadPage(1, function(*,*,success){});在回调函数中, 可以判断success为false时,加载失败的处理方法

  这种方法的问题就是filter在数据加载完后, 会在客户端再筛选一次, 比如有三个用户a, a1, na, 查询框中输入a, 查询出来后会显示总数三条, 但界面上只显示2条, 因为na这个用户被过滤掉了, 开始的时候没有注意,被这个问题耽搁了好长时间。

  • remoteFilter

  远程filter在测试中发现与客户端唯一的区别就是在加载数据后, 不会在客户端再次筛选一次。但是这种方法的问题就是在每次添加filter条件时, 会自动的去服务器获取数据, 而且没有回调函数, 防止不了会话失效等的情况, 所以这种方法也不适用

  • 客户端filer

  根据以前经验,在没有解决方法时, 就老老实实看文档, 终于发现一个属性:filterOnLoad默认为true, 在数据加载后, 触发filter运行, 哈哈, 把这个属性设置为false, 客户端就没有上面问题啦, 可以正常使用

提交的filter在服务器端的处理:

public JsonResult ListUser(string filter, int start, int limit)
{
JavaScriptSerializer serialier = new JavaScriptSerializer();
var json = serialier.Deserialize<List<FilterObj>>(filter);
}

哇, 这样就把filter字串解析为对象了, 说明一下FilterObj是有二个成员的类, 分别为public string property{get;set;} public string value{get;set;}