完善ext.grid.panel中的查询功能(紧接上一篇)
今天的代码主要是实现,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中的查询功能(紧接上一篇)相关推荐
- 使用Ext.grid.Panel显示远程数据
使用Ext.grid.Panel显示远程数据 对于Ext.grid.Panel而言,它只是负责显示Store数组中心的数据,至于Store保存的数据到底是浏览器本地数据,还是远程服务器的数据,Ext. ...
- 使用Ext.grid.Panel生成表格
使用Ext.grid.Panel生成表格 Ext.grid.Panel继承了Ext.panel.Panel,因此它的很多地方都类似于Ext.panel.Panel,但定义Ext.grid.Panel时 ...
- Ext.grid.Panel表格分页
Ext.grid.Panel表格分页示例 代码: cshtml @{Layout = null; } <!DOCTYPE html> <html> <head>&l ...
- Ext.grid.Panel一定要有renderTo或autoRender属性,不然页面为空
Ext.grid.Panel一定要有renderTo或autoRender属性,不然页面为空 Ext4.0.2 转载于:https://www.cnblogs.com/rav009/archive/2 ...
- PowerShell实现“机器人定时在企业微信群中发送消息”功能(上)
本章实现 由于篇幅较多,会拆分为上.下两部分来写. 本章实现: 01.如何在企业微信中添加群机器人 02.简单用机器人发送一条消息(postman实现) 03.powershell打开 04.简单用机 ...
- 分布式消息中间件中的一些概念(接上一篇的《什么是分布式消息中间件?》)...
接上一篇的<什么是分布式消息中间件?>,这一篇来介绍一下消息中间件相关的一些概念和专业术语. Topic 主题,从逻辑上讲一个Topic就是一个Queue,即一个队列:从存储上讲,一个To ...
- 在Excel中实现查询功能
$sn = Read-Host -Prompt "请输入员工号|序列号|资产号" $xl = New-Object -ComObject "Excel.Applicati ...
- MySQL中如何查询数据(上)
MySQL查询数据 一.MySQL的列选择 select * | 投影列 from 表名; 例 查询 departments 表中的所有数据: Select * from departments; 二 ...
- 【VUE项目实战】59、订单的物流信息查询功能
接上篇<58.订单修改收货地址的功能> 上一篇我们完成了订单列表的修改收货地址功能,本篇我们来实现订单的物流信息查询功能. 一.要实现的效果 我们要实现点击操作列的"物流进度&q ...
最新文章
- The 2014 ACM-ICPC Asia Mudanjiang Regional Contest(2014牡丹江区域赛)
- Mqtt ----心跳机制
- 防止网络请求(或其他回调)引用,从而造成内存泄漏
- 感知器python代码
- 炒鸡简单,带你快速撸一遍Numpy代码!
- JavaScript的调用栈、回调队列和事件循环
- Clojure学习之比线性箭头操作
- 传 ofo 年底裁员超 50%;Vivo 支持谷歌 Fuchsia OS;Spring Boot 2.2.2 发布 | 极客头条
- Linux系统管理和维护常用命令
- 草图大师SketchUp2016下载和安装教程
- MySql数据库基本操作(一)
- java打印日历至Excel_如何利用Excel打印漂亮的工作日历
- ASO优化经验:APP关键字优化的技巧
- WIN 10 系统Alt + Tab 切换窗口卡顿问题结局方案
- 2008年中国富豪榜今日发布,以下为富豪榜201-300名
- js中字符串按照汉字拼音排序
- 该怎么保持微信公众账号用户活跃度
- 前端框架React Js入门教程【转】
- 制作一个浪漫的表白网页
- windows之桌面程序引导功能
热门文章
- 世界上第一台电子计算机电子逻辑原件,1、(ID10542分)世界上的第一台电子计算机使用的逻辑元件.doc...
- kafka配置_Kafka生产环境的几个重要配置参数
- vue 固定div 滚动_vue移动端 导航吸顶(固定定位)页面滚动出现抖动
- 自动刷新_AutoRefresh插件:开启页面自动刷新!
- flag在java怎么用_JAVA flag怎么用
- 怎么看python环境变量配置是否好了验证图片_python 的 tesserocr 模块安装与获取图片验证码...
- 华为 android9 信任app_搭载麒麟810处理器,华为Nova5i Pro的AI跑分创新高
- 非常实用的 Python 库,推一次火一次
- 10行Python代码自动清理电脑内重复文件,解放双手!
- 如何在windows系统上安装Tensorflow Object Detection API?