ExtJs中,如果设置输入框为只读属性,一般第一考虑的都是readonly=true
它的效果和正常输入框一样,但是不允许输入;
然而,它很容易引起歧义,让用户第一感觉是它是输入框,有输入信息的冲动,其实不然;
这时候,可以考虑使用disabled=true属性
这下绝对不会认为可输入,一看就知道不允许修改,但字体颜色明显很模糊,所以效果不佳;
因此,使用中常常仍然使用readOnly=true,但修改背景颜色来做到disabled的更好效果表现,效果如下:
明显感觉就是禁止输入,而且字体清晰,代码片段如下:
{columnWidth : 1,
layout : 'form',
defaults : {
xtype : "textfield",
width : 150,
allowBlank : true,
readOnly : true,style:'background:#E6E6E6'
},
items:[
{fieldLabel:'事件标题',name:'event_title',width:435}
]
},
为什么要选择readOnly而不是disabled呢,还有一个明显的区别:
disabled=true,表单提交时候无法把数据传递到后台Action层,而readOnly=true可以;这个区别和html中标签的disabled和readOnly属性区别是一致的。
- 大小: 13 KB
- 大小: 9.6 KB
- 大小: 10.7 KB
分享到:
相关推荐
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
Extjs 中文API文档,有对Extjs相关API的中文说明
ExtJs 实例+ExtJs中文教程 大量ExtJs的实例和目前最好的ExtJs中文教程,学习ExtJs的朋友可以参考一下
extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例
Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性
ExtJS3.0 源码分析与开发实例宝典
全面的extjs api 使用的中文帮助文档 二合一 实用 本人正在用 很不错
绝对的ExtJS3.0中文API,本人在网上找了好久才找到的,在此奉献给大家!!解压后有30多兆!!
extjs3.3的中文文档
ExtJS中文文档,很好,很强大!绝对值得一看哦!
extjs4.1 中文API
ExtJs中文API,比较全面!并且提供了很多的例子!! ExtJs中文API,比较全面!并且提供了很多的例子!! ExtJs中文API,比较全面!并且提供了很多的例子!! ExtJs中文API,比较全面!并且提供了很多的例子!!
新手学习,初学extjs时用刚刚好,里边有三个例子,还有一个我自己写的例子(简单粗暴动态菜单),还有一个中文API
此压缩包中完全能实现的功能是在extjs中让本地照片预览,并且将地址传递给java后台,将图片文件以blob的形式存储到oracle数据库,并且可以默认将数据库中的数据第一次加载在预览框里(也就是从数据库中读出blob数据...
Extjs 中文文档 学习文档
分享给爱好EXTJS的同胞们! EXTJS4.0文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) ...
第一讲:extjs4.0概述和HELLO WORD程序 第二讲:extjs4.0的新特性 第三讲:extjs4.0数据模型--Model 第四讲:extjs4.0的数据代理-Proxy 第五讲:extjs4.0的读写器reader,writer 第六讲:extjs4.0的数据集store 第七...
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
收集了ExtJS中文站上的资料,共52篇文章,保留了文章的原始风貌,支持关键字查询,里面的内容可以选择后ctrl-C拷出来。赚个辛苦分。
extjs资料extjs资料extjs资料extjs资料extjs资料