Ext输入成功后显示对勾
来源:互联网 发布:汕头公车实时软件 编辑:程序博客网 时间:2024/05/01 09:07
我在这里做了两件事:
1.使用'side'方式显示错误信息时,表单会缩进,我把这个效果去掉了
2.实现对勾和叹号图标的切换
注意:
我自定义了对勾的css样式,这里叫做'icon-yes'
//表单校验通过时显示对勾//复写了Ext.layout.component.field.Field,该类用于处理表单的label和错误信息//showValidIcon : BooleanExt.layout.component.field.Field.override({ getErrorStrategy: function() { var me = this, owner = me.owner, strategies = me.errorStrategies, msgTarget = owner.msgTarget; var strategy = !owner.preventMark && Ext.isString(msgTarget) ? (strategies[msgTarget] || strategies.elementId) : strategies.none;//给表单自定义showValidIcon:Boolean配置项//如果showValidIcon=true,并且使用'side'方式,则使用对勾(否则是默认,不对原来的代码产生影响) if(msgTarget == 'side' && owner.showValidIcon){ //初始化时不显示icon if(owner.isIconInit){ owner.errorEl.setDisplayed(false); owner.isIconInit = true; } //一旦校验,显示icon owner.on('validitychange', function(me, valid){ me.errorEl.setDisplayed(true); }); Ext.apply(strategy,{ //取消缩进效果 adjustHorizInsets : Ext.emptyFn, layoutHoriz : function(ownerContext, owner, size) { ownerContext.errorContext.setProp('x', size.width); }, layoutVert: function(ownerContext, owner) { ownerContext.errorContext.setProp('y', ownerContext.insets.top); }, prepare : function(ownerContext, owner) { var errorEl = owner.errorEl; errorEl.addCls(Ext.baseCSSPrefix + 'form-invalid-icon'); errorEl.set({'data-errorqtip': owner.getActiveError() || ''}); var activeError = owner.getActiveError(), hasError = !!activeError; //切换对勾图标 errorEl[hasError ? 'removeCls' : 'addCls']('icon-yes'); Ext.layout.component.field.Field.initTip(); } }); } return strategy; } });
- Ext输入成功后显示对勾
- 如何在Ext校验成功后显示对勾——for ExtJS4.1
- 成功后就输入
- 用户输入正确的用户名和密码后,显示登陆成功,并且显示改用户的详细信息。(sqldatasource)
- EXT如何隐藏/显示输入域:TextField
- 图片加载成功后显示图片
- .做一个登陆的界面,当用户输入正确的用户名和密码后,显示登陆成功,并且显示改用户的详细信息。(sqldatasource)
- Ext EditorGridPanel 下拉选择后显示value值
- Ext store.loadData()执行后不显示数据
- Debian 用户名密码输入成功后重复登录
- 主机互信配置成功后依然需要输入密码
- MySQL安装成功后无法通过cmd输入
- 输入日期后自动显示星期几
- jsp中文输入,提交后显示乱码
- Mysql 5.5 中文输入后显示“??”乱码
- Ubuntu下输入:root 后的显示:
- Ext FormPanel布局 (一行显示两对控件元素)
- Ext FormPanel布局 (一行显示两对控件元素)
- FUPPES服务器,PS3客户端上音乐和电影的播放
- vb6.0对全角半角字符串进行混合截位(2)
- linux tar
- Java ibatis 中sqlmap的配置文件
- POJ 1018 通信设备购买方案的选择 贪心
- Ext输入成功后显示对勾
- 内地首个电子商务云端信用数据库在粤上线
- The Network Adapter could not establish the connection;The Network Adapter could not establish the c
- o.boj 1444 蛇形矩阵
- 转一篇写外企的,希望对一些人有用
- MR中Partition的使用 源码示例
- o.boj 1445 All Blue
- Installation error: INSTALL_FAILED_MISSING_SHARED_LIBRARY的 错误问题总结
- 解决vim显示乱码的问题