extjs textfield disabled属性的注意

最新推荐文章于 2020-06-19 16:37:50 发布
最新推荐文章于 2020-06-19 16:37:50 发布 · 547 阅读 · 0
文章标签：

#java

本文介绍了在使用ExtJS框架时，对于TextField组件的一些实践经验。特别是针对不允许用户编辑且需要提交的字段，通过将disabled属性改为readonly，成功解决了表单提交时数据丢失的问题。
学习了extjs的textfield 其中有两项内容是页面加载时从后台载入的，并且不允许用户修改，所以把disabled属性设置成了true，发现在表单提交时后台接收不到数据，查了extjs文档原来disabled设置为true不能够submit，所以改成了readonly来解决了这个问题


学习extjs一段时间了，由于很多原因没有把遇到的问题进行记录，很遗憾，这是第一篇，以后慢慢进行补充吧
[extjs] textField disabled readOnly属性
德仔
08-12 2649
extjs textfield 设置成为了disabled:true以后此文本框的内容就无法通过form表单提交到后台去了,disable:true就不能submit,不了解ext的设计组这样设置有什么样的好处？还请明了者相告？不胜感激，但是又想让文本框不可编辑，还要能将其内的值提交到后台去，extjs还为我们提供的类型，html的不可编辑表单的解决方案;其实方案很简单：ext提供了readO
extjs中滚动条属性_ExtJs控件属性配置详细
weixin_39974932的博客
12-19 770
序言：1.本文摘自网络，看控件命名像是4.0以前的版本，但控件属性配置仍然可以借鉴(不足之处，以后项目用到时再续完善)。Ext.form.TimeField:配置项：maxValue：列表中允许的最大时间maxText：当时间大于最大值时的错误提示信息minValue：列表中允许的最小时间minText：当时间小于最小值时的错误提示信息increment：两个相邻选项间的时间间隔，默认为15分钟f...
extjs textField disabled readOnly属性
古影轩
02-10 1万+
<br />extjs textfield 设置成为了disabled:true以后此文本框的内容就无法通过form表单提交到后台去了,disable:true就不能submit,<br />不了解ext的设计组这样设置有什么样的好处？还请明了者相告？不胜感激，<br />但是又想让文本框不可编辑，还要能将其内的值提交到后台去，extjs还为我们提供的类型，html的不可编辑表单的解决方案;<br />其实方案很简单：ext提供了readOnly的属性;<br />disabled:原版英文介绍：<br /
Ext TextField 怎么让输入框变灰 不可编辑
热门推荐
灿夏
09-20 1万+
添加属性 disabled:true 即可
extjs 动态控制textfield的readOnly属性
星空
03-21 8225
1、假设 textField, 它的 id = 'textField' 则代码如下：Ext.getCmp("textField").getEl().dom.readOnly = true; 2、假设 textField， 通过 var textField = newExt.form.TextField() 则代码如下：textField.el.dom.readOnly = true;
extjs属性方法大全
03-01
### Extjs 属性方法详解 #### 一、`Ext.form.Action` 类 `Ext.form.Action` 是用于处理表单操作的类，主要包括提交和加载数据的功能。 - **属性：** - `success`: 表示操作成功时的回调函数。 - `failure`: ...
ExtJS动态设置ReadOnly属性禁止编辑方法
本文将详细介绍如何在Ext JS中动态设置`TextField`和`DateField`的`readOnly`属性，以禁止文本和日期编辑。 ### 1. Ext JS基础介绍 Ext JS是一个成熟的前端JavaScript框架，用于开发富互联网应用（RIA），它基于...
[ExtJS] reference 引用查找器 与viewModel
拒绝成猿的程序员
06-19 1350
reference 作为元素的查找标识，经常在项目中使用。 但是今天发现一件事： 有reference属性的控件，在其viewModel中会自动生成一个值。 示例： { xtype:'container', id:'demo', viewModel:{}, items:[ { xtype:'textfield', reference:'A' } ] } 为一个textfield...
ExtJS对类型为xtype:button的按钮进行不可用置灰的设置
laowang2915的博客
05-31 9272
        在项目中会根据业务需要对页面中的组件进行各种操作，比如隐藏、改变组件显示名称、可用不可用等。今天介绍下如何使用ExtJS对xtype:button的按钮进行可用和不可用的设置。        页面中xtype:button的按钮代码定义如下：        {     columnWidth : .08,     layout : 'form',     defaultType :...
ExtJs中disabled和readOnly区别
liyanlei的专栏
10-19 2422
ExtJs中，如果设置输入框为只读属性，一般第一考虑的都是readonly=true 它的效果和正常输入框一样，但是不允许输入； 然而，它很容易引起歧义，让用户第一感觉是它是输入框，有输入信息的冲动，其实不然； 这时候，可以考虑使用disabled=true属性 这下绝对不会认为可输入，一看就知道不允许修改，但字体颜色明显很模糊，所以效果不佳； 因此，使用中常常仍然使用readO
extjs 中怎么给文本框添加失去焦点和获得焦点的事件
evilcry2012的专栏
09-09 8042
extjs 中怎么给文本框添加失去焦点和获得焦点的事件 TK灬冰殇19 | 浏览 5730 次  2014-11-03 13:52 2014-11-04 12:36 最佳答案 1 2 3 4 5 6 7 8 9 10 11 12 13 14
EXT 禁止textfield的输入
minddancer的专栏
06-22 1185
test = new Ext.form.TextField   .... test.el.on("keypress",  function(e){e.stopEvent()}, this);
ExtJS属性详解：ComboBox与TextField特性
"本文将全面介绍ExtJS框架中的属性，主要关注Ext.form.ComboBox和Ext.form.TextField组件的关键属性，包括它们的用途、默认值以及如何使用这些属性来定制用户界面的行为。" 在ExtJS中，控件的属性是定义其行为和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值