NSS_07 extjs中grid在工具条上的查询
碰到的每个问题, 我都会记下走过的弯路,尽量回忆白天的开发过程, 尽量完整, 以使自己以后可以避开这些弯路。
这个问题在系统中应用得比较多, 在一个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;}
NSS_07 extjs中grid在工具条上的查询的更多相关文章
- iOS开发小技巧--微博项目中的键盘工具条
微博项目中的键盘工具条 项目中的键盘工具条不能使用inputAccessoryView,因为inputAccessoryView不能实现键盘隐藏的时候,工具条还显示在眼前,如图: 所以,果断决定将工具 ...
- EXTJS中grid的数据特殊显示,不同窗口的数据传递
//EXTJS中grid的数据特殊显示renderer : function(value, metaData, record, rowIndex, colIndex, store, view) { v ...
- CAD隐藏或显示工具条上的按钮(com接口VB语言)
主要用到函数说明: MxDrawXCustomFunction::Mx_HideToolBarControl 隐藏或显示工具条上的按钮.详细说明如下: 参数 说明 IN LPCTSTR pszTool ...
- Extjs中grid前端分页使用PagingMemoryProxy【二】
在项目中遇到Grid前端分页,本人也是刚接触extjs没多久,为了实现效果,一直找了很久才实现出来,对于代码中的一些也不能详细的说明出来, 不知道能不能帮助到遇到同样问题的朋友,所以将例子代码 ...
- Extjs中grid表格中去掉红三角
在编辑Extjs的gridpanel的时候,数据有错误或是修改在每个单元格上都会出现红色的小三角,在每个列上面可以配置allowBlank: false来标识这个不可以为空 有的时候在保存数据时如果不 ...
- NSS_04 extjs中grid接收datetime类型参数列
今天在做用户列表时发现, asp.net mvc3的控制器在返回JsonResult结果时, 会把对象内的DateTime类型成员,解析为类似于\/Date(1238606590509)\/的格式 , ...
- Extjs中grid行的上移和下移
一.将up和down按钮放到tbar中,然后选中grid行即可实现上移和下移 var up = new Ext.Action({ text : 'Up', icon : 'up.png',//或者添加 ...
- extjs中grid中行内文本或图片居中显示
我是看了网上写的方法调试自己的代码来实现的,实现的方式是当加载store数据时改变grid的行样式,源码如下: html代码: <div id="weatherP_grid-body& ...
- Extjs中grid 的ColumnModel 属性配置
一, 用数组的方式配置ColumnModel var colModel = new Ext.grid.ColumnModel([ { header:'编号', dataIndex:'id',width ...
随机推荐
- 关于Android使TextView可以滚动的设置
添加一行代码…… textView.setMovementMethod(ScrollingMovementMethod.getInstance());
- 动态引入Js文件
var src = "/Scripts/Test.js"; $("<script type = 'text/javascript' src='" + sr ...
- hql & mysql 札记
最近在某D实习,刚去就开始各种写HQL,碰壁很多次. 几个知识点记录一下,逐个攻破. sql 中的case when, 选择循环的写法.(http://www.cnblogs.com/zengen/a ...
- sublime自己常用到的设置
一.快捷“在浏览器打开” 在首选项->按键绑定-用户中添加代码: { "keys": ["f12"], "command": &quo ...
- DbHelperSQL 判断数据库表结构公用方法
#region 公用方法 /// <summary> /// 判断是否存在某表的某个字段 /// </summary> ...
- K - 4 Values whose Sum is 0(中途相遇法)
K - 4 Values whose Sum is 0 Crawling in process... Crawling failed Time Limit:9000MS Memory Limi ...
- POJ 1502 MPI Maelstrom (最短路)
MPI Maelstrom Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 6044 Accepted: 3761 Des ...
- hdu 4010 Query on The Trees LCT
支持:1.添加边 x,y2.删边 x,y3.对于路径x,y上的所有节点的值加上w4.询问路径x,y上的所有节点的最大权值 分析:裸的lct...rev忘了清零死循环了两小时... 1:就是link操作 ...
- 1027 姓名与ID[二分图匹配(匈牙利)]
1027 姓名与ID 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 大师 Master 题解 查看运行结果 题目描述 Description 有N个人,各自有一 ...
- Jquery插件(CKEditor)
描述 在html页面实现像word一样的编辑功能(可视化HTML编辑器) 解决方法 ckeditor插件官方网站 http://ckeditor.com/ 使用 1:去官方下载ckeditor插件,添 ...