Extjs 项目中常用的小技巧,也许你用得着(3)
几天没写了,接着继续,
1.怎么获取表单是否验证通过:
form.isValid()//通过验证为true
2.怎样隐藏列,并可勾选:
hidden: true,
如果是动态隐藏的话:
grid.getColumnModel().setHidden(1,true); //1 代表要隐藏的列所在位置,true代表隐藏
3.怎样隐藏列,并不可勾选(这个必须配合上边那个一块用)
hideable: false,
4.怎样设置简单查询,如果所示:

tbar: {
xtype: 'toolbar',
frame: true,
border: false,
padding: 2,
items: [
{
xtype: 'textfield',
emptyText: '请输入关键字...',
width: 220,
id: 'queryITGText'
},
{
xtype: 'tbspacer',
width: 5
},
{
xtype: 'button',
iconCls: 'icon-query',
text: '条件查询',
handler: queryStore,
scope: this
},
'-',
{
xtype: 'tbspacer',
width: 5
},
{
xtype: 'button',
text: '显示全部',
handler: function () {
InterfaceTrackStore.loadPage(1);
}
}
, '-',
{
xtype: 'button',
text: '清空数据',
handler: DeleteAll
}
]
5.怎样将参数放入参数列表里(这也是实现上边查询的关键所在
var lastOptions = InterfaceTrackStore.lastOptions;
var addOptions = { params: {
search: 'targetString'
}
}
//将参数放入参数列表里
var newOptions = Ext.apply(lastOptions, addOptions);
6.ExtJs定时刷新
var task = {
run : function() {
Ext.Ajax.request( {
url : "url",
timeout : 30000,
success : function(res) {
//请求响应
});
},
interval : 1000
// 1 second
}
Ext.TaskManager.start(task);//启动定时器
Ext.TaskManager.start(task);//关闭定时器
7.下拉列表Combo的使用:
{
xtype: 'combo', fieldLabel: '支付方式', id: 'payType', anchor: '90%',
store: new Ext.data.ArrayStore({
fields: ['text'],
data: [['全部'], ['现金支付'], ['银行卡支付'], ['就诊卡支付']]
}),
emptyText: '请选择',
queryMode: 'local',
triggerAction: 'all',
displayField: 'text',
editable :false//不可编辑
}
Extjs 项目中常用的小技巧,也许你用得着(3)的更多相关文章
- Extjs 项目中常用的小技巧,也许你用得着(2)
接着来,也是刚刚遇到的 panel怎么进行收缩 collapsible: true, 这会panel就会出现这个 点这个就可以收缩了 panel怎么随便拉伸,也就是让那个小黑三角出现 split: t ...
- Extjs 项目中常用的小技巧,也许你用得着(1)
我在项目中遇到的一些知识点: 1.在GridPanel中显示图片,效果 对应的代码实现 { text: '是否启用', width: 80, // xtype: 'checkcolumn', data ...
- Extjs 项目中常用的小技巧,也许你用得着(5)--设置 Ext.data.Store 传参的请求方式
1.extjs 给怎么给panel设背景色 设置bodyStyle:'background:#ffc;padding:10px;', var resultsPanel = Ext.create('Ex ...
- Extjs 项目中常用的小技巧,也许你用得着(4)---Extjs 中的cookie设置
1.ExtJs设置cookie两种方式 其一:设置cookie如下 saveacct=isForm.getForm().findField('itemselector').getValue(); Ex ...
- ES6中常用的小技巧,用了事半功倍哦
ES6中常用的小技巧,如果能在实际项目中能使用到,必定事半功倍: 1. 强制要求参数 ES6提供了默认参数值机制,允许你为参数设置默认值,防止在函数被调用时没有传入这些参数. 在下面的例子中,我们写了 ...
- vue 项目中实用的小技巧
# 在Vue 项目中引入Bootstrap 有时在vue项目中会根据需求引入Bootstrap,而Bootstrap又是依赖于jQuery的,在使用npm按照时,可能会出现一系列的错误 1.安装jQu ...
- JS开发中常用的小技巧
1.获取指定范围内的随机数 1 2 3 function getRadomNum(min,max){ return Math.floor(Math.random() * (max - min ...
- MSSQL工作中常用的小技巧
大概看了一下有接近二十天自己没有写博客了,一来是因为国庆之前公司工作总会比较繁杂一点,国庆自己也需要休息,二来是因为学习一些新的东西,公司写了一天SQL回家看了看以前的笔记,感觉还挺不错,贴出来供大家 ...
- 前端日常工作中常用开发小技巧 ---JavaScript
1.格式化金钱值 const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, "," ...
随机推荐
- ABP框架系列之三十一:(Localization-本地化)
Introduction Any application has at least one language for user interface. Many applications have mo ...
- 【慕课网实战】Spark Streaming实时流处理项目实战笔记十九之铭文升级版
铭文一级:(没有内容) 铭文二级: 创建Spring boot项目: 看官网,Quick Start下面有两个依赖,必须得使用 但是如果用IDEA构建Spring boot,则会自动添加 New Pr ...
- 小程序快捷键(mac中)
快捷键 格式调整 - Ctrl+S:保存文件 - Ctrl+[, Ctrl+]:代码行缩进 - Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 - Ctrl+C Ctrl ...
- python之路(二)-collections系列
collections提供了一些比较方便的方法,使用时需要先导入模块 导入模块: import collections 1. 计数器Counter 统计参数中出现的次数,以字典的方式返回结果,参数可以 ...
- Hadoop 系列文章(三) 配置部署启动YARN及在YARN上运行MapReduce程序
这篇文章里我们将用配置 YARN,在 YARN 上运行 MapReduce. 1.修改 yarn-env.sh 环境变量里的 JAVA_HOME 路径 [bamboo@hadoop-senior ha ...
- JavaScript中关于页面URL地址的获取
1 window.location.host; //返回url的主机部分,例如 www.xxx.com window.location.hostname; //返回url的主机名,例如 www.xxx ...
- apk文件md5校验之用好压对下载服务器测试[测试篇]
往往稍微有点规模的公司,都会有一个独立下载服务器,那么,我还是简单说一下下载服务器的原理吧,首先后台上传文件或软件,然后web服务器通过定时脚本检测,如有变化,则将文件同步出去到下载服务器,源站数据库 ...
- 阿里开源项目arthas安装使用
文档地址 https://alibaba.github.io/arthas/install-detail.html 开始安装 我本地就装window版本了,下载zip包 按照快速入门,编译demo程序 ...
- MySQL 组提交(group commit)
目录 前言 改进 原理 实现 参数 注意 前言 操作系统使用页面缓存来填补内存和磁盘访问的差距 对磁盘文件的写入会先写入道页面缓存中 由操作系统来决定何时将修改过的脏页刷新到磁盘 确保修改已经持久化到 ...
- Linux - 获取命令帮助信息
Manual Page Chapter List 1:所有用户可以操作的指令或可执行文件 2:系统核心调用的函数与工具 3:子调用,常用的函数与函数库 4:设备,硬件文件说明,通常是/dev/的文件 ...