extjs FormPanel不可编辑

最新推荐文章于 2017-02-28 13:58:12 发布
最新推荐文章于 2017-02-28 13:58:12 发布
阅读量2.9k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： extjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xpxpxpx/article/details/4417211
本文介绍了如何通过两种方法来实现ExtJS框架中FormPanel组件的不可编辑状态：一是使用遮罩(mask)方法来视觉上禁用表单；二是遍历表单元素并设置为禁用(disabled)状态。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

控制FormPanel不可编辑


1、遮罩

formPanel.el.mask(); //mask方法还可以加参数（“加载中...”，“x-loading-mask”）

 

formPanel.el.unmask();//去掉mask


2、循环panel上的控件disabled
formPanel.form.items.each(function(item){
    item.disable();
});

 

//enable

formPanel.form.items.each(function(item){
    item.enable();
});

xpxpxpx
关注
Extjs3.2第一篇：formPanel的getForm().getValues()提交与处理
qq_36001465的博客
04-22 3133
form表单提交，要注意可能没有key 前台代码： Ext.onReady(function() { /**解决IE10 日期弹窗不完整 但还是会有阴影 **/ Ext.override(Ext.menu.Menu, { autoWidth: function () { this.width += 'px'; } }); Ext.override(Ext.menu.Menu,
轻松搞定Extjs
10-16
数据管理是任何Web应用不可或缺的部分，ComboBox则是处理数据输入的有效工具。 - **数据在这里是动词**: 强调了在Extjs中数据不仅是静态的信息，更是应用程序运作的动力源泉。 - **Ext.data.DataProxy类**: 介绍了...
ExtJS 将表单设置为不可编辑（查看）
祥子的博客
10-13 6835
代码：afterrender : function(thiz) { //隐藏按钮 var e1 = Ext.ComponentQuery.query("basebutton[btype=ok]"); var e2 = Ext.ComponentQuery.q
Ext-设置form表单不可编辑
09-14 722
1. var formEach = win.down('form').items.items; Ext.each(formEach,function(item){ console.log(item); //item.setReadOnly(true); item.setDisabled(true); ...
控制FormPanel不可编辑
zo1698的专栏
12-10 236
控制FormPanel不可编辑 1、加蒙版 formPanel.el.mask(); //mask方法还可以加参数（“加载中。。。”，“x-loading-mask”） [code="js"] formModule.el.unmask();//去掉mask [/code] 2、循环panel上的控件disabled [code="js"] ...
(Extjs)GridPanel中不允许选择某行或不允许取消某行修改
weixin_30297281的博客
04-13 406
一：实现GridPanel中不允许选择某行: var checkBox; //列表选择框 checkBox = new Ext.grid.CheckboxSelectionModel({singleSelect:true,header:"", listeners: { beforerowselect : function (sm, rowIndex){ ///当管...
Extjs弹出window窗口后背景窗口变灰（即不可编辑）
KAIXINLUOYE的博客
02-28 2627
开发备忘： ExtJS在使用Ext.Msg.alter(),Ext.Msg.confirm()弹出窗口后，背景窗口即变灰，不可编辑。但使用Ext.Window时，默认弹出窗口后，背景窗口仍是可以编辑的这时可以在Ext.Window属性中添加“modal:true ”的配置，即可实现弹出window窗口后背景窗口变得不可编辑。 以下为简单的例子代码： new Ext.Window({
ExtJS FormPanel详解与常用组件介绍
"了解和使用ExtJS的表单技术" 在ExtJS中，表单是构建交互式用户...ExtJS的表单系统提供了强大的功能，不仅能够创建美观且交互性强的表单，还能确保数据的完整性和安全性，是开发富客户端应用程序时不可或缺的一部分。
ExtJS FormPanel 数据加载与提交详解
在ExtJS应用中，FormPanel经常用于用户交互，展示和编辑表单数据。本文将深入探讨如何利用Ext form_load来加载数据，并解析相关API和注意事项。 FormPanel的form对象是基于Ext.form.BasicForm的，提供load和submit...
ExtJS入门：FormPanel基础与实战示例
`docs`目录下的API帮助文档是开发者不可或缺的参考资料，可以帮助快速查找和理解类、方法和属性。 在HTML页面中引入ExtJs库文件，并设置适当的CSS样式，就可以开始创建FormPanel了。通常，首先需要创建一个基本的...
ExtJS中设置下拉列表框不可编辑的方法
10-25
主要介绍了ExtJS中设置下拉列表框不可编辑的方法,需要的朋友可以参考下
extjs grid 常规属性
flash8627的专栏
06-26 2664
Ext.grid.ColumnModel 用于定义Grid的列 用例 var colModel = new Ext.grid.ColumnModel([     {header: "Ticker", width: 60, sortable: true},     {header: "Company Name", width: 150, sortable: true}     ]); 回到ColumnModel,它的构造参数是一个config组成的数组,其中 config定义为{
Ext js 下拉框设置为不可编辑
飞火龙在天的博客
09-17 7847
typeAhead默认就是false，如果哪块设置为true了，所以解决的办法就是将两个属性都设置为false。     即：     typeAhead:false,     editable:false
ExtJS中设置下拉列表不可编辑
爱海贼的无处不在的技术博客
04-29 8312
ExtJS中设置下拉列表框不可编辑        ExtJS这个框架，并没有学习和用过，只知道是一个流行的前段框架，和Easy UI,BUI,DWZ等这些框架都是差不多的，只不过比他们更加强大而已，之所以写这个，我觉得还是很有帮助的。         今天朋友遇到了一个问题:ExtJS中的下拉列表如何设置不可编辑的，html中是不可以编辑的，但是现在这种UI框架中的下拉列表框都是可以编辑的，朋
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值