本人开发的开发者技术变现资源聚集地,大家支持下,下面是网址

https://www.baiydu.com

今天的代码主要是实现,Ext.grid.panel中的查询,其实我也是一名extjs新手,开始想的实现方式是另外再创建一个新的grid类来存放查询出的数据(就是有几个分类查询就创建几个grid类),这样虽然实现了,但是多写了不少代码,之后网上找到了方法。

代码如下:请结合昨天的代码看,否则你是看不明白的

/*我们操作查询的功能键是放在grid的tabbar中的,下面就是创建的grid的tabbar,其中查询操作就在其中,此代码紧接上一篇文章,
这个类上一篇文章中也有,但是没有实现查询功能,红色字体为实现的代码*/

  1. /*下面就是主要代码,后面的条件查询代码都一样,固只解释这一个即可*/
    1 var orderContronllerBar = Ext.create("Ext.Toolbar", {
  2. items: ['', "-",
  3. {
  4. xtype: "splitbutton",
  5. text: '未退房',
  6. menu: true,
  7. handler: function() {
  8. var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel"); /*获通过ID取grid*/
  9. store.proxy.extraParams.loadSign = 1;/*修改proxy代码中条件查询的参数 , 这里的store是在上一篇中创建的自己去看*/
  10. store.pageSize = 1;/*每页展示的条数,应为grid涉及到一个分页控件*/
  11. aleradyCheckOutRoom.store = store;/*设置grid新条件的store*/
  12. Ext.getCmp("CutPageToolBarId").doRefresh()/*通过ID获取分页控件,并刷新*/
  13. },
  14. }, '', "-",
  15. {
  16. xtype: "splitbutton",
  17. text: '已退房',
  18. handler: function() {
  19. var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel");
  20. store.proxy.extraParams.loadSign = 2;
  21. store.pageSize = 1;
  22. aleradyCheckOutRoom.store = store;
  23. Ext.getCmp("CutPageToolBarId").doRefresh()
  24. }
  25. }, '', "-",
  26. {
  27. xtype: "splitbutton",
  28. text: '超时退房',
  29. handler: function() {
  30. var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel");
  31. store.proxy.extraParams.loadSign = 3;
  32. store.pageSize = 1;
  33. aleradyCheckOutRoom.store = store;
  34. Ext.getCmp("CutPageToolBarId").doRefresh()
  35. }
  36. }, "关键字:",
  37. {
  38. xtype: 'textfield',
  39. id: 'searchCustomerBar'
  40. }, {
  41. xtype: 'button',
  42. text: "搜索",
  43. handler: function() {
  44. var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel");
  45. store.proxy.extraParams.loadSign = 5;
  46. store.proxy.extraParams.cardId = Ext.getCmp("searchCustomerBar").getValue();
  47. store.pageSize = 5;
  48. aleradyCheckOutRoom.store = store;
  49. Ext.getCmp("CutPageToolBarId").doRefresh()
  50. }
  51. }]
  52. });

完善ext.grid.panel中的查询功能(紧接上一篇)的更多相关文章

  1. 【ExtJs】在Ext.grid.Panel中,两列的值相乘作为第三列的值的实现

    如: 商品总价=商品单价*商品数量 方法: 商品总价列,使用其renderer属性,为期定义一个方法,该方法将当前record中的另外两列中2个数据相乘后渲染到该商品总价列.

  2. ExtJs 学习之开篇(三)Ext.grid.Panel表格中的处理

    Ext.grid.Panel Ext.create('Ext.grid.Panel',{        title:'测试表格',        width:400,        height:20 ...

  3. Ext.grid.Panel表格分页存储过程

    /*首先需要引入两个Extjs插件类 Ext.ux.data.PagingMemoryProxy和Ext.ux.ProgressBarPager这两个类*/ /*下面是控制弹出窗体放大缩小时窗体居中的 ...

  4. [Extjs] Ext4 Ext.grid.Panel 分页实现(mybatis 分页插件-PageHelper 使用)

    先看图: 页面js代码: var userStore=Ext.create('Ext.data.Store', { storeId:'userStore', fields:['uname', 'ema ...

  5. 【extjs】 extjs5 Ext.grid.Panel 搜索示例

    先看效果图: 页面js: <script type="text/javascript"> /** * 日志类型 store * */ var logTypeStore ...

  6. 【extjs】 ext5 Ext.grid.Panel 分页,搜索

    带有分页,搜索的grid. <%@page language="java" contentType="text/html; charset=UTF-8" ...

  7. Ext.grid.Panel 数据动态改变后刷新grid

    gridPanel中加载的数据分为两种:一种是本地数据加载,那另一种就是后台数据加载. 在表格中增.删.改.查 是必不可少的. 那么数据动态改变后怎样刷新表格中的数据呢. 一.后台取数据 var gr ...

  8. Ext.grid.Panel表格分页

    转载:http://www.cnblogs.com/libingql/archive/2012/04/22/2464994.html cshtml @{ Layout = null; } <!D ...

  9. 导出Ext.grid.Panel到excel

    1.客户端定义,基本的想法是form提交表格头定义,数据,以json方式传输 Ext.grid.Panel.addMembers({ exportExcel:function(options){ if ...

随机推荐

  1. redis中使用redis-dump导出、导入、还原数据实例

    转载于:http://www.itxuexiwang.com/a/shujukujishu/redis/2016/0216/109.html?1455861283 redis的备份和还原,借助了第三方 ...

  2. jQuery监听文本框值改变触发事件(propertychange)

    完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...

  3. TextView 显示内容时出现 ArrayIndexOutOfBoundsException 的解决方法(Android 4.1)

    很久以前做的表情输入及显示,用的系统的SpannableString,完成后的代码在其他版本的Android手机上没有问题,但是在在4.1和4.1.1的手机上显示时,有概率出现程序崩溃的问题. 下面是 ...

  4. Python字符进度条

    Python字符进度条 看看这个神奇的module from tqdm import trange from time import sleep for r in trange(10, 1, -1): ...

  5. Linux快速入门04-扩展知识

    这部分是快速学习的最后一部分知识,其中最重要的内容就是源码的打包和软件的安装的学习,由于个人的Linux学习目的就是自己能在阿里云Ubuntu上搭建一个简单的nodejs发布环境. Linux系列文章 ...

  6. Oracle 11g系列:函数与存储过程

    1.函数 Oracle中的函数分为两类:系统函数和自定义行数.对于自定义函数,函数的传入参数可以没有,如果有,一定要明确其数据类型.函数传入参数不能在函数内部进行修改.函数必须有返回值,并且返回值必须 ...

  7. Linux的学习--系统目录

    因为利用Linux来开发产品或distributions的社群/公司与个人实在太多了, 如果每个人都用自己的想法来配置文件放置的目录,那么将可能造成很多管理上的困扰. 你能想象,你进入一个企业之后,所 ...

  8. [Qt5] How to connect c++ with QML

    Qt5处于过度阶段,架构繁琐,学习成本不低.尤其是UI代码竟然被重写,变了天. Qt中的c++可能是连接OPENCV与QML的一个不错的桥梁,在此学习这部分实用的技术. Reference: http ...

  9. php基础教程-数据类型

    PHP 支持八种原始类型(type). 四种标量类型: string(字符串) integer(整型) float(浮点型,也作 double ) boolean(布尔型) 两种复合类型: array ...

  10. SpaceBase – 基于 Sass 的响应式 CSS 框架

    SpaceBase 是一个基于 Sass 的响应式 CSS 框架.SpaceBase 是可以在建立和定制您的需要的一个样板层,它结合最佳实践为今天的响应式网页与我们对每一个项目中使用的核心组件. 在线 ...