Ext常见使用问题记录
Ext4.2
在线文档地址
http://tool.oschina.net/apidocs/apidoc?api=extjs4.1%2Fdocs%2Findex.html%23%21%2Fapi
LoadMask防止重复提交：
var myMask = new Ext.LoadMask(Ext.getCmp(XXX).body, {msg:"请稍等。。。"});
myMask.show();
myMask.hide();
var myMask0 = new Ext.LoadMask(Ext.getDom("XXX"), {
msg: '正在加载请稍等！',
removeMask: true
});
myMask0.show();
myMask0.hide();
遮罩效果：
点击修改弹出修改的window，但是没有遮罩，可以继续点击window框后的修改，再次点击修改，原已经弹出的window框内数据直接消失卡死，点击关闭之后还是卡死状态。
需要添加一个属性
modal:true,//设置是否添加遮罩即可
Ext Alert 提示：
Ext.Msg.alert("提示", reslut.msg);
Ext.Msg.show是否
Ext.Msg.show({
title:'请确认是否继续操作',
msg: '您当前选择的与其他单位的选项有冲突,请确认是否继续操作',
buttons: Ext.Msg.YESNO,
//icon: Ext.Msg.QUESTION
fn: function (b) {
if(b =='yes'){
Ext.Msg.alert("提示", b);
}
}
});
ExtJS学习------Ext.Msg.show()学习:https://blog.csdn.net/ranzhifa_2008/article/details/8543429
Ext getCmp()常用：
Ext.getCmp("XXX")
Ext.getCmp(XXX).getSelectionModel().getSelection();
Ext.getCmp("XXX").getForm()
Ext.getCmp("XXX ").value
Ext.getCmp("XXX ").disable();
Ext.getCmp("XXX").enable();
Ext.getCmp('XXX').show();
Ext.getCmp('XXX').hide();
表单输入框
var XXX = new Ext.form.TextField({fieldLabel : 'XXX',width : 150,emptyText : '请输入...',maxLength : 200,maxLengthText : '长度限于200个字符以内',regexText : '请输入名称',listeners : {}});时间选择框datefield
{
xtype: 'datefield',
anchor: '100%',
fieldLabel : '<b>开始起始时间</b>',
labelWidth: 115,
id: 'STime1',
//format : "Y-m-d H:i:s",
format : "Y-m-d",
maxValue : new Date()
}
Ext密码框
{
xtype: 'textfield',
name: 'password',
inputType: 'password',
fieldLabel: '用户密码',
validator: function (value) {
if (user == '') {
if (!regex.test(value)) {
return '密码中必须包含字母、数字、特殊字<br>符，至少8个字符，最多30个字符！';
}
} else {
if (value != null && value != '' && !regex.test(value)) {
return '密码中必须包含字母、数字、特殊字<br>符，至少8个字符，最多30个字符！';
}
}
return true;
},
width: 250,
labelWidth: 80,
x: 10,
y: 70
},
Ext弹出 –固定 combo
var states = Ext.create('Ext.data.Store', {
fields: ['id','name'],
data : [
{"id":"1","name":"是"},
{"id":"0","name":"否"}
]
});
var updatePanel = Ext.create('Ext.form.Panel', {
frame: false,
autoHeight: true,
bodyStyle: 'padding: 10px 10px 0 10px;',
labelWidth: 50,
border:false,
defaults: {
anchor: '95%',
allowBlank: false,
msgTarget: 'side'
},
items: [{
xtype:'combo',
id:'update_vip',
fieldLabel: 'vip',
store: states,
displayField: 'name'
,valueField: 'id',
value : vip
}]
});
或
XXX= new Ext.form.ComboBox({
fieldLabel: '是否XXX',
store : [['', "全部"], ['0', "是"], ['1', "否"]],
mode: 'local',
displayField: 'name',
valueField: 'id',
emptyText : '请选择...',
triggerAction : 'all',
editable : false,
listeners : {}
});
动态下拉框combo
{
xtype: “combo”,
id: “XXX”,
fieldLabel: “<b>Lable</b>”,
editable: false,
allowBlank: true,
displayField: “name”,
valueField: “id”,
store: Ext.create(“Ext.data.Store”, {
fields: [‘id’, ‘name’],
proxy: {
type: “ajax”,
url: “../XXX/getXXXList”,
extraParams : {},
reader : new Ext.data.JsonReader({},
[‘id’,’name’]
),
},
autoLoad: true,
listeners: {
load: function() { }
}
}),
width: 250,
labelWidth: 80,
value: “”,
listeners : {
select : function() {}
}
}
var store = new Ext.data.Store({proxy:new Ext.data.HttpProxy({url : '/XXXX/XXXX/XXX.do'}),reader:new Ext.data.JsonReader({idProporty : 'id'},[{name : 'id',type:'int',mapping:'ID'},{name:'name',type:'string',mapping:'NAME'}]),autoLoad : true});var name = new Ext.form.ComboBox({fieldLabel: 'XXX',store: companStore,mode: 'local',displayField: 'name',valueField: 'id',emptyText : '请选择...',triggerAction : 'all',editable : false,listeners : {}});Ext横向滚动条不显示
检查发现因为 forceFit : true, 导致的。
forceFit是使列强制适应grid的总宽度，把forceFit:true这个属性去掉就行了。
Ext关闭弹出窗口
Ext.getCmp("XXX").close();
Ext按钮的显示隐藏
Ext.getCmp('按钮id').show();显示
Ext.getCmp('按钮id').hide();隐藏
方法1：可以在定义bbar的按钮时直接给属性，hidden : true 属性,可隐藏；disabled : true 属性,可禁用
方法2：给按钮添加id，比如id:'btn'；然后在panel的事件中调用Ext.getCmp('btn').disable();禁用或Ext.getCmp('btn').enable();开启。Ext.getCmp('btn').setVisible (false);隐藏或Ext.getCmp('btn').setVisible (true);显示。方法1比较固定，方法2比较灵活
Ext 表单 输入框隐藏
hidden: true,
Ext表单输入框 设置不可编辑
disabled: info == "" ? false : true,
false:可编辑
true:不可编辑
Ext 设置电话号码验证
regex:/^1[\d]{10}$/,//手机号码必须是1开头的,后面跟10位数字结尾
Ext 设置邮箱验证
vtype:'email',
纯数字验证
regex: /^\d+$/,//纯数字
Ext验证
https://blog.csdn.net/liu865033503/article/details/72842018
Ext常见使用问题记录相关推荐
- 常见的DNS记录类型有哪些？如何查询DNS解析记录？
当搭建一个新网站时,DNS查询工具对查询网站DNS解析记录方面很有帮助.除了在设置新网站时有用外,正确的DNS对于更新现有网站的记录以及检查邮件服务器(如公司内部邮件网络)的设置也是必不可少的. DN ...
- linux 常见命令整理记录
[正则表达式学习记录] 独立成章 [cd] cd 目录名称 切换到相应的目录 cd / 进入系统根目录 cd .. 退回到上一目录 cd 或者 cd~ 进入当前用户主目录 [ls] ls -a 列 ...
- 【Linux常见指令】记录一些机器学习中常用的指令(自用，持续更新)
文章目录 前言 一.Conda 创建环境 二.Sudo 命令 1.安装g++/gcc 2.查找文件 3.软连接 三.pip 安装 1.安装requirements.txt 2.清华源安装 四.git ...
- phpMyAdmin 常见漏洞利用记录
目录 简介 phpmyadmin版本信息获取 phpmyadmin密码爆破 phpmyadmin文件写入 phpmyadmin日志写shell phpmyadmin版本漏洞 phpmyadmin 2. ...
- ctp linux 查询死循环,CTP行情接入常见的问题记录
前言 非常感谢 景色 的ctp 封装包.用java 调用ctp 相关的接口 主要还是参考 景色的 两个文章. 这里只是记录下,在使用的过程中遇到的问题与自己踩过的坑. https://blog.csd ...
- h5 移动端 常见 重要问题记录
1 点透事件的解决 https://www.cnblogs.com/zldream1106/p/3670988.html 2 虚拟键盘弹出对布局的影响 https://yq.aliyun.com/zi ...
- IE下常见兼容性问题记录汇总（04-持续更新）
2019独角兽企业重金招聘Python工程师标准>>> 现在开发环境主要使用的ie9以上的浏览器,而实际上依然存在大量用户使用xp系统,而xp最高只能装到ie8,前段还不能放弃对ie ...
- latex : 常见编译错误记录
1. too many commas in name1 of xxx 这是用 bibtex 做引用文献的bug.bibtex的引用文献的格式是作者1姓, 作者1名 and 作者2姓, 作者2名 and ...
- Computers Graphics(CAG)及Elsevier常见期刊投稿记录
1.期刊地址 Editorial Manager®https://www.editorialmanager.com/cag/default2.aspx先进行用户注册,登录后进入首页点击Submit N ...
最新文章
- iOS - Easy Custom View
- EasyStruct.js轻松创建可填入式html模板结构
- 九大技巧教你快速提升移动应用登陆转化率
- FixedSizeList的使用
- 简单粗暴的入门机器学习
- 实现Profile购物车的匿名用户迁移
- 【C/C++】inline函数和static函数和宏定义的比较
- 装双系统？不需要！教你在iMac上流畅使用Windows！
- python接口自动化测试二十六：使用pymysql模块链接数据库
- ubuntu18重启vncserver_Ubuntu 18.04 LTS安装vncserver虚拟网络控制台
- 【秒懂音视频开发】16_AAC解码实战
- 金蝶专业版怎么反过账当月_金蝶KIS专业版怎么反过账
- svchost.exe占用网络
- 河北省专科院校计算机专业排名,河北省高职院校全国排名+各院校王牌专业
- 今天不了技术，谈情怀，推荐一篇 寒窑赋
- 三维建筑动画的制作流程
- 应用与系统稳定性第五篇---Watchdog原理和问题分析
- [强网杯 2019]随便注 1
- 【数据结构】基础：二叉树
- element plus 表格合计