Extjs4 关于设置form中所有子控件为readOnly属性的解决方案

无所不为无所为

于 2021-06-21 09:38:21 发布

阅读量99

点赞数

文章标签： \N

原文链接：https://www.javazxz.com/thread-5667-1-1.html

版权

本文介绍了如何在ExtJS4中批量设置表单的所有子控件为readOnly属性，提供了详细步骤和代码示例，便于开发者实现表单的只读展示。通过参考提供的博客链接，可以学习到ExtJS4框架下实现表单控件状态管理的方法。

摘要由CSDN通过智能技术生成

Extjs4 关于设置form中所有子控件为readOnly属性的解决方案

参考文章：

（1）Extjs4 关于设置form中所有子控件为readOnly属性的解决方案

（2）https://www.cnblogs.com/luhouxiang/p/4547032.html

（3）https://www.javazxz.com/thread-5667-1-1.html

备忘一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

无所不为无所为

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

extjs中滚动条属性_ExtJs控件属性配置详细

weixin_39974932的博客

12-19

646

序言：1.本文摘自网络，看控件命名像是4.0以前的版本，但控件属性配置仍然可以借鉴(不足之处，以后项目用到时再续完善)。Ext.form.TimeField:配置项：maxValue：列表中允许的最大时间maxText：当时间大于最大值时的错误提示信息minValue：列表中允许的最小时间minText：当时间小于最小值时的错误提示信息increment：两个相邻选项间的时间间隔，默认为15分钟f...

calendar控件使用 extjs_ExtJS4.1常见问题及解决方案总结——小奎持续更新

weixin_39591386的博客

01-26

274

Extjs是怎样的技术？它的主要功能是什么？Extjs是一种用于开发富客户端Web应用程序的javascript技术，它不需要为客户端安装任何插件就可以实现丰富多彩的界面效果，是进行富客户端开发的理想选择之一。Extjs的主要功能包括：对标准信息提示框的扩展、对标准表单组件的扩展、支持面板及各种布局方式、提供了大量的工具类和工具方法、提供了增强的事件机制、提供了对Ajax功能的支持、具有结构完整的...

参与评论您还未登录，请先登录后发表或查看评论

Extjs 一次将formPanel里的所有项目属性设置成只读 .

我是谁的专栏

02-02

4329

转自：http://blog.csdn.net/cy609329119/article/details/5163051 成功的方式： formpanel.getForm().items.eachKey(function(key,item){ //console.log(item.fieldLabel) //item.setDisabled(true) ite

Extjs 一次将formPanel里的所有项目属性设置成只读

cy609329119的专栏

01-09

2844

formpanel.getForm().items.eachKey(function(key,item){ //console.log(item.fieldLabel) //item.setDisabled(true) item.el.dom.readOnly=true; })

ExtJS4 中动态设置TextField的readOnly属性

X9X9X9X9的专栏

08-30

5631

var userUpdateForm = Ext.getCmp('userUpdateForm'); var form = userUpdateForm.getForm(); form.findField('text').setReadOnly(true); form.findField('id').setReadOnly(true);

ExtJs控件属性配置详细

DOREMI428的博客

05-08

657

Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时间大于最大值时的错误提示信息 minValue：列表中允许的最小时间 minText：当时间小于最小值时的错误提示信息 increment：两个相邻选项间的时间间隔...

ExtJS自定义控件之一：datetimefield控件

Yangholmes

05-06

7407

这一年都在使用ExtJS 5.0开发系统，经常会遇到的一个场景就是时间日期的选择了。比如说，预定场地的时候就必须由用户选择预定的日期和时间。可惜的是，ExtJS 5.0没有自带一个可以同时选择日期时间的控件（ExtJS 6.0已经推出了，还没用过，不知道加入这种控件没~），通常偷懒的做法就是，先放一个日期控件，然后再放一个时间控件。用户使用的时候，先选择日期，再选择时间，最后用很别扭的办法将日期和时

关于extjs4 自定义datetimefield 添加一个确定按钮

dayday学习的博客

03-31

1320

这个问题实在开发时侯遇见的，需要添加一个确定按钮，原来做的datetimefield就只有一个现在的按钮。非常感谢网上的大佬和之前开发的前辈。直接上代码了。 1、自定义一个时间选择器TimePickerField，继承自Ext.form.field.Base，由三个NumberField组成。 Ext.define('common.util.timeFeld.TimePickerField', ...

HTML from表单只读状态设置和取消

Q_Q104926的博客

04-08

3539

HTML from表单只读状态设置和取消1、问题2、解决办法 1、问题最近接个需求，使用的是springboot + Bootstrap + thymeleaf；页面中的新增和详情用的是一个表单，故而在查看详情时候需要将form表单设置成只读状态，首先想到的是 readonly 和 disable。但是这种方法都是在input输入框中设置，我的字段比较多，所以比较麻烦，不适用。而且我的需求中需要点击按钮就可以编辑（编辑按钮有权限才显示），而且disable时候多选变成了灰色，影响视觉。 2、解决办法

css实现整个表单只读 form readonly

Monicx的博客

07-24

3616

我说的方法只需要给表单加上一个类，就可以让表单只读。 &lt;form class="form-readonly"&gt;&lt;/form&gt; 方法1: 用:before给form做个看不见的蒙版，遮住下面所有的元素，使之不响应任何事件 .form-readonly{ position: relative; } .form-readonly:before{ co...

设置表单全部只读、可编辑

热门推荐

renzhehongyi的专栏

10-19

1万+

方法一： 1、设置表单全部只读 formpanel.getForm().items.eachKey(function(key,item){ item.setDisabled(true) item.el.dom.readOnly=true; }) 2、设置表单全部可编辑 formpanel.getForm().items.eachKey(function(key,item){

[转]Extjs关于切换只读的方式，readOnly和disabled属性切换

雷震子(ShaneRay的专栏)

02-16

4996

Ext 控件的readOnly属性是可以在控件初始化过程中配置的，但是如果希望在运行时动态更改其readOnly属性怎么办，例如 textField 控件， Ext2.x 的 API 上它的方法有setDisabled( Boolean disabled ) : void方法，可以动态更改控件的disabled属性，却没有类似setReadOnly() 方法，我们可以这么做来运行

ExtJs中disabled和readOnly区别

liyanlei的专栏

10-19

2338

ExtJs中，如果设置输入框为只读属性，一般第一考虑的都是readonly=true 它的效果和正常输入框一样，但是不允许输入；然而，它很容易引起歧义，让用户第一感觉是它是输入框，有输入信息的冲动，其实不然；这时候，可以考虑使用disabled=true属性这下绝对不会认为可输入，一看就知道不允许修改，但字体颜色明显很模糊，所以效果不佳；因此，使用中常常仍然使用readO

ExtJs教程----设置表单控件的只读

早起吃虫的博客

09-23

4373

1.setDisabled（）： Ext.ComponentQuery.query("#Name")[0].setDisabled(true); Ext.ComponentQuery.query("#Name")[0].setDisabled(false); 注意:当给某一个控件设置Disabled为true，使用form.submit()时，该控件的值是不能

ExtJS中动态设置TextField的readOnly属性

qixiaopeng

05-15

781

1、假设 textField, 它的 id = 'textField' 则代码如下：Ext.getCmp("textField").getEl().dom.readOnly = true; 2、假设 textField，通过 var textField = newExt.form.TextField() 则代码如下：textField.el.dom.readOnly = true;...

extjs 动态控制textfield的readOnly属性

星空

03-21

8143

ExtJS控件属性详解：TimeField, FieldSet, DateField

"这篇文档详细介绍了ExtJS框架中的一些常用控件属性，包括Ext.form.TimeField和Ext.form.DateField，这些属性主要用于控制时间和日期的选择及显示格式，并提供了丰富的验证和用户交互功能。" 在ExtJS中，控件属性是...