`
qiuggv
  • 浏览: 25793 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

如何在创建FormPanel之后,设置textField组件只读?

阅读更多
在ext2.0中,创建FormPanel的时候,
如果直接在config options中直接给某个textField赋配置项readOnly: true,这样是可以使textfield只读,但是我想在创建了FormPanel之后,再根据具体情况给这个textfield配置是否只读

我试过在之后通过formPanel的findById()获得这个textField,然后设置textfield.readOnly = true
并且alert(textfield.readOnly),显示值已经变成了true,但是在组件上并没有体现,还是可编辑

小弟是ext新手,请问应该如何设置,并说说其中的原理
分享到:
评论
3 楼 TideLeeLiveCom 2008-10-15  
textfield.getEl().dom.readOnly = true;
因为:
readOnly : Boolean
True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.
2 楼 wdp 2007-12-20  
{
                        fieldLabel: 'recordID',
                        name: 'recordid',
                        disabled:true,
                        width:40
                    }
1 楼 whgood 2007-12-19  
xtype:'textfield',
fieldLabel:'编号',
readOnly:true,
name:'idSql',
width:50

相关推荐

    extJs中关于formPanel动态添加组件的验证问题

    在EXT JS这个强大的JavaScript框架中,FormPanel是用于创建表单的重要组件,它允许开发者构建交互式的、数据驱动的Web应用程序。FormPanel不仅提供了一种布局管理方式,还支持各种表单元素,如文本框、复选框、下拉...

    ext-3-TextField-sample.rar_ext_ext TextField_ext textfield inp

    TextField是ExtJS UI组件模型的一部分,它提供了一种在Web页面上创建可编辑文本字段的方法。以下是对`Ext.TextField`的一些关键特性和用法的详细说明: 1. **创建TextField**: 创建一个TextField实例通常需要指定...

    extjs中的formPanel以及表单的应用

    FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的功能,如数据验证、远程提交、异步加载等,是构建用户交互界面的关键部分。 在ExtJS中,FormPanel是...

    .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

    在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...

    EXT表单验证之TextField

    EXT是Sencha公司开发的一款基于JavaScript的富客户端应用框架,它提供了一套完整的组件化UI构建工具,其中EXT表单(FormPanel)是用于创建复杂数据输入和验证的重要部分。在EXT表单中,TextField是最常见的输入控件...

    自我扩展FormPanel 和Store

    在IT领域,FormPanel和Store是ExtJS框架中两个重要的组件,它们在构建富客户端应用程序时发挥着核心作用。本文将深入探讨如何实现自我扩展的FormPanel和Store,以及它们如何实现自动数据触发感知功能和与Store的绑定...

    Ext table布局实例 formpanel的table布局

    在创建table布局时,需要指定列的数量,然后在每个单元格中添加组件。 以下是一些关于Ext table布局的重要知识点: 1. **配置项**:设置`layout: 'table'`来启用table布局,并通过`columns`属性指定列数。例如:`{...

    sencha的ajax+formpanel+google地图

    在“sencha的ajax+formpanel+google地图”这个主题中,我们将深入探讨如何使用Sencha Touch与Ajax、FormPanel以及Google Maps API集成,来创建一个具有数据提交和地图展示功能的应用。 首先,`app.html`是应用的...

    extjs4如何给同一个formpanel不同的url_.docx

    然后,我们可以在适当的时候为BasicForm设置不同的URL,比如在组件添加到不同容器或触发特定事件时: ```javascript form.url = '../logselectservlet'; // 设置新的URL ``` 这样,每次提交表单时,都会根据当前...

    EXT3.0 登录实例

    在EXT3.0中,登录界面通常由EXT的组件构建,如FormPanel、TextField、Button等。FormPanel是承载表单元素的容器,TextField用于输入用户名和密码,Button则用于触发登录操作。登录过程涉及事件监听和处理,例如点击...

    FormPanel的插入与删除

    在Web开发中,FormPanel是ExtJS库中的一个关键组件,用于创建表单来收集用户输入的数据。这篇博客“FormPanel的插入与删除”显然探讨了如何在FormPanel中动态添加和移除字段,这对于构建可扩展和动态的用户界面至关...

    ExtJs组件类的对应表

    1. **`form`** - `Ext.FormPanel`或`Ext.form.FormPanel`,表单面板组件,用于创建表单并管理其字段。 2. **`checkbox`** - `Ext.form.Checkbox`,多选框组件,用于创建多选输入。 3. **`combo`** - `Ext.form....

    ExtJS改变默认字体大小的几种方式

    特别是在IE9和Firefox下,可能需要深入`ext-all.css`找到特定组件的样式,如`.x-btn-text-icon .x-btn-icon-small-left .x-btn-text`,并设置相应的`font-size`。例如: ``` .x-btn-text-icon .x-btn-icon-small-...

    ExtJs中表单formPanel的横向布局

    本文将深入探讨如何在ExtJs中使用`FormPanel`组件结合`form`和`column`布局属性来实现横向布局,即在一个表单中元素能够按照列分布,形成一种更为直观和用户友好的界面设计。 ### 一、理解`FormPanel`及其属性 `...

    treeGrid目录拖动到formPanel

    在本例中,我们需要配置`treeGrid`的每个节点作为拖动源,并设置`formPanel`为可接收拖放的目标。 接着,我们需要监听拖放相关的事件,如`beforedrop`、`drop`等。在`beforedrop`事件中,我们可以进行预处理,比如...

    ExtJs 动态添加表单

    在ExtJS中,我们可以使用`Ext.container.Container`类来创建一个容器,然后设置布局为`form`,以便容纳表单字段。例如: ```javascript var formPanel = Ext.create('Ext.form.Panel', { layout: 'form', items...

    ExtJs 登陆框、框架

    在ExtJS中,我们可以利用FormPanel组件来构建这个登录界面,同时配合Field组件(如TextField)来处理输入。 首先,创建一个FormPanel实例,设置其布局为fit(适应布局),然后添加TextField组件分别对应用户名和...

    ExtJS笔记----FormPanel的使用

    NULL 博文链接:https://lucky16.iteye.com/blog/1490278

Global site tag (gtag.js) - Google Analytics