博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ExtJs在disabled和readOnly美学分析
阅读量:5875 次
发布时间:2019-06-19

本文共 667 字,大约阅读时间需要 2 分钟。

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性能差异是一致的。

版权声明:本文博客原创文章,博客,未经同意,不得转载。

你可能感兴趣的文章
Android实战简易教程-第二十三枪(基于Baas的用户注冊验证username是否反复功能!)...
查看>>
在odl中怎样实现rpc
查看>>
leetcode 110 Balanced Binary Tree
查看>>
python活用isdigit方法显示系统进程
查看>>
项目开发总结
查看>>
知行合一
查看>>
jmeter插件之jsonpath提取响应结果和做断言
查看>>
发布支持多线程的PowerShell模块 —— MultiThreadTaskRunner
查看>>
Ubuntu ctrl+alt会导致窗口还原的问题
查看>>
第四十期百度技术沙龙笔记整理
查看>>
推荐系统那点事 —— 基于Spark MLlib的特征选择
查看>>
linux 下RTL8723/RTL8188调试记录(命令行)【转】
查看>>
開始新的征程
查看>>
SpringMVC案例1——对User表进行CRUD操作
查看>>
看雪CTF第十四题
查看>>
模拟生命_吸烟致癌?
查看>>
[Contiki系列论文之1]Contiki——为微传感器网络而生的轻量级的、灵活的操作系统...
查看>>
Android 网络编程 记录
查看>>
微软同步发行Windows 10和Windows 10 Mobile系统更新
查看>>
Maven 传递依赖冲突解决(了解)
查看>>