标签：Form 神坑 表单 disabled 输入框 readOnly true 输入

总的一句话：form表单中的元素设置属性为disabled后，将导致该表单项的值不会被传递至后端，所以后端会取不到这个值。

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

From: https://www.bbsmax.com/A/obzbXMg65E/

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

标签：Form,神坑,表单,disabled,输入框,readOnly,true,输入
来源： https://www.cnblogs.com/joeblackzqq/p/16298295.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。