1.textField:
textField有readOnly属性,但是如果用textField1. readOnly = true是不能实现让textField只读的,方法是用textField1.el.dom.readOnly = true才能实现。
2.dateField和combox
API里面两者的readOnly 属性是这样描述的:
True to mark the field as readOnly in HTML(defaults to false)— notes:this only sets the element’s readOnly DOM attribute.
dateField有readOnly属性,设置dateField1.readOnly = true可以让日期输入框不能书写,但是通过后面的日期选择按钮同样可以改变日期的值,因此达不到我们所要的效果。方法是通过设置disabled属性让整个dateField灰掉,不能选择。Combox的原理也大抵如上。 当dateField日期设置disabled属性为true之后,要想把disabled属性设置设置为false必须用enable()方法。直接把属性设置为false是不起作用的。
3.checkBox
本例中由于有涉及到树的操作,该树用到了Ext.ux.TreeCheckNodeUI扩展包,就是前面带有checkBox的树结构,因此需要有让树不能进行操作,即把树结构上的checkBox屏蔽的操作。本例中用到的方法是遍历checkBox,设置disable属性为true。如下:
ss = Ext.query('*[type=checkbox]');
for (i = 0; i < ss.length; i++) {
ss[i].disabled = '\"true\"';
}
由于是遍历所有的checkBox,因此该方法有一个缺陷就是如果页面中的其他不在树结构里面的checkBox也会一起被设置为disable。
分享到:
相关推荐
ExtJs5 去掉textfield边框
extjs属性方法集中方便你查看学习,赶快来下载吧!学习extjs
ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解)
NULL 博文链接:https://xiaomy.iteye.com/blog/2280256
一、属性 fieldLabel:标签名称。 labelWidth:标签宽度。 ID:文件框ID。 二、构造参数 listeners:在对象初始化之前,将一系列事件进行绑定。 三、函数 getCmp(string _id):得到id为_id的组件对象。 getValue():...
Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...
Extjs & Ext.net中的一些属性
本工程旨在演示如何将Extjs 中TextArea与KindEditor绑定并且如何使用Servlet获取到该文本编辑域的值。 本工程编码方式:UTF-8; 说明:本工程中的KindEditor是“轻量级”的——去掉了上传图片的功能。
[{ fieldLabel: ‘代码’, name: ‘FCode’, anchor:’100%’, id: ‘fid’ },{ fieldLabel: ‘名称’, name: ‘FName’, anchor:’100%’ // anchor width by percentage },{ xtype: ‘textfield’, name: ‘FID’...
网上搜集到的一些Extjs属性设置相关和部分实例
extjs 自动为必填项增加提示后缀,如题此js代码可以为必填时使用,样例功能为在必填项后增加红色星号,如: 编码*(当然此星色为红色),也可以修改成其它内容符号、文字等
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
Extjs 中文API文档,有对Extjs相关API的中文说明
Extjs的Regex的验证属性分两种情况,一种是只有红色提示框;另一种是在提示框边会出现一个类似批注的提示信息,不过在页面加载时要加上Ext.QuickTips.init();提示框才能正常显示出来。 特别提示:在属性regex后要用 ...
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...
Extjs 常用属性
extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例
Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性