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

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

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

/*下面就是主要代码,后面的条件查询代码都一样,固只解释这一个即可*/ 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 });

转载于:https://www.cnblogs.com/xiaoliao/p/4433017.html

完善ext.grid.panel中的查询功能(紧接上一篇)相关推荐

  1. 使用Ext.grid.Panel显示远程数据

    使用Ext.grid.Panel显示远程数据 对于Ext.grid.Panel而言,它只是负责显示Store数组中心的数据,至于Store保存的数据到底是浏览器本地数据,还是远程服务器的数据,Ext. ...

  2. 使用Ext.grid.Panel生成表格

    使用Ext.grid.Panel生成表格 Ext.grid.Panel继承了Ext.panel.Panel,因此它的很多地方都类似于Ext.panel.Panel,但定义Ext.grid.Panel时 ...

  3. Ext.grid.Panel表格分页

    Ext.grid.Panel表格分页示例 代码: cshtml @{Layout = null; } <!DOCTYPE html> <html> <head>&l ...

  4. Ext.grid.Panel一定要有renderTo或autoRender属性,不然页面为空

    Ext.grid.Panel一定要有renderTo或autoRender属性,不然页面为空 Ext4.0.2 转载于:https://www.cnblogs.com/rav009/archive/2 ...

  5. PowerShell实现“机器人定时在企业微信群中发送消息”功能(上)

    本章实现 由于篇幅较多,会拆分为上.下两部分来写. 本章实现: 01.如何在企业微信中添加群机器人 02.简单用机器人发送一条消息(postman实现) 03.powershell打开 04.简单用机 ...

  6. 分布式消息中间件中的一些概念(接上一篇的《什么是分布式消息中间件?》)...

    接上一篇的<什么是分布式消息中间件?>,这一篇来介绍一下消息中间件相关的一些概念和专业术语. Topic 主题,从逻辑上讲一个Topic就是一个Queue,即一个队列:从存储上讲,一个To ...

  7. 在Excel中实现查询功能

    $sn = Read-Host -Prompt "请输入员工号|序列号|资产号" $xl = New-Object -ComObject "Excel.Applicati ...

  8. MySQL中如何查询数据(上)

    MySQL查询数据 一.MySQL的列选择 select * | 投影列 from 表名; 例 查询 departments 表中的所有数据: Select * from departments; 二 ...

  9. 【VUE项目实战】59、订单的物流信息查询功能

    接上篇<58.订单修改收货地址的功能> 上一篇我们完成了订单列表的修改收货地址功能,本篇我们来实现订单的物流信息查询功能. 一.要实现的效果 我们要实现点击操作列的"物流进度&q ...

最新文章

  1. The 2014 ACM-ICPC Asia Mudanjiang Regional Contest(2014牡丹江区域赛)
  2. Mqtt ----心跳机制
  3. 防止网络请求(或其他回调)引用,从而造成内存泄漏
  4. 感知器python代码
  5. 炒鸡简单,带你快速撸一遍Numpy代码!
  6. JavaScript的调用栈、回调队列和事件循环
  7. Clojure学习之比线性箭头操作
  8. 传 ofo 年底裁员超 50%;Vivo 支持谷歌 Fuchsia OS;Spring Boot 2.2.2 发布 | 极客头条
  9. Linux系统管理和维护常用命令
  10. 草图大师SketchUp2016下载和安装教程
  11. MySql数据库基本操作(一)
  12. java打印日历至Excel_如何利用Excel打印漂亮的工作日历
  13. ASO优化经验:APP关键字优化的技巧
  14. WIN 10 系统Alt + Tab 切换窗口卡顿问题结局方案
  15. 2008年中国富豪榜今日发布,以下为富豪榜201-300名
  16. js中字符串按照汉字拼音排序
  17. 该怎么保持微信公众账号用户活跃度
  18. 前端框架React Js入门教程【转】
  19. 制作一个浪漫的表白网页
  20. windows之桌面程序引导功能

热门文章

  1. 世界上第一台电子计算机电子逻辑原件,1、(ID10542分)世界上的第一台电子计算机使用的逻辑元件.doc...
  2. kafka配置_Kafka生产环境的几个重要配置参数
  3. vue 固定div 滚动_vue移动端 导航吸顶(固定定位)页面滚动出现抖动
  4. 自动刷新_AutoRefresh插件:开启页面自动刷新!
  5. flag在java怎么用_JAVA flag怎么用
  6. 怎么看python环境变量配置是否好了验证图片_python 的 tesserocr 模块安装与获取图片验证码...
  7. 华为 android9 信任app_搭载麒麟810处理器,华为Nova5i Pro的AI跑分创新高
  8. 非常实用的 Python 库,推一次火一次
  9. 10行Python代码自动清理电脑内重复文件,解放双手!
  10. 如何在windows系统上安装Tensorflow Object Detection API?