ExtJs在disabled和readOnly美学分析
2015-08-18 08:35
351 查看
ExtJs中disabled和readOnly美观度的分析
ExtJs中。假设设置输入框为仅仅读属性,一般第一考虑的都是readonly=true它的效果和正常输入框一样,可是不同意输入;
然而,它非常easy引起歧义,让用户第一感觉是它是输入框,有输入信息的冲动,事实上不然;
这时候,能够考虑使用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性能差异是一致的。
相关文章推荐
- jstree树形菜单
- javascript跨域请求解决方法总结
- js 作用域链&内存回收&变量&闭包
- kafka的并行度与JStorm性能优化
- js模拟淘宝网的多级选择菜单实现方法
- js实现iPhone界面风格的单选框和复选框按钮实例
- javascript实现图片上传前台页面
- js+css实现上下翻页相册代码分享
- js实现的简单radio背景颜色选择器代码
- js实现带有介绍的Select列表菜单实例
- JS实现可调整倒计时间代码分享
- JS实现下拉菜单赋值到文本框的方法
- 使用CamanJS在Web页面上处理图像的技巧
- js string 验证
- javascript
- JavaScript权威指南_156_第16章_脚本化CSS_16.6-脚本化样式表
- avalon js实现拖动图片排序
- [LeetCode][JavaScript]Single Number
- JAVASCRIPT
- jsp中四种范围的使用