extJs中动态让控件只读

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的原理也大抵如上。
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。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值