`
清风_夕瑶
  • 浏览: 53810 次
  • 性别: Icon_minigender_1
  • 来自: 潘多拉星球
社区版块
存档分类
最新评论

ext隐藏field好方法

    博客分类:
  • js
阅读更多

     使用ext在使用hide()隐藏field时,会发现文本域隐藏了,但标签尚未隐藏。可以推断,field是将label和文本域分开写了。之前,我做法是将field定义到另外一个容器,然后通过其父容器,间接隐藏field。对此方式,有些厌烦,侥幸今天寻找到了一个新的实现方法,感觉不错。展示如下:

function hideField(field)   
    {   
       field.disable();// 隐藏文本域
       field.hide();   
       field.getEl().up('.x-form-item').setDisplayed(false); //隐藏标签,'.x-form-item'系统中的容器id   
    }   
  
    function showField(field)   
    {   
       field.enable();   
       field.show();   
       field.getEl().up('.x-form-item').setDisplayed(true);
    }   

 

分享到:
评论

相关推荐

    EXT dojochina Ext类实例方法.rar

    3. **Ext.onReady()**: 当DOM完全加载并准备好后,这个方法会被调用,通常在这里进行组件的创建和布局。 4. **Ext.ComponentQuery.query()**: 使用CSS选择器风格的语法,查询EXT JS中的组件,返回匹配组件的数组。 ...

    Ext.form表单中各种属性应用详解

    - **fieldClass**: 类型为 `String`,定义字段的 CSS 类,默认为 `x-form-field x-form-num-field`。 - **maxText**: 类型为 `String`,当输入值超过最大值时显示的文本。 - **maxValue**: 类型为 `Number`,定义...

    EXT.form组件

    5. `field`:`Ext.form.Field`是所有表单字段的基础类,提供了一般性的属性和方法,如验证和状态管理。 6. `fieldset`:`Ext.form.FieldSet`是用于组织和分组表单字段的容器,通常包含一个标题和可选的边框。 7. `...

    Ext组件描述,各个组件含义

    **2.20 Field (Ext.form.Field)** - **xtype**: `field` - **功能描述**:Field 是所有表单字段的基类,定义了基本的属性和方法。 - **主要用途**:作为所有其他表单字段的基类。 **2.21 Field Set (Ext.form....

    examples.ext.net-5.zip

    通过深入研究这些示例,开发者可以更好地掌握EXT.NET的组件使用、数据绑定、事件处理等方面的知识,从而提高Web应用开发的效率和质量。尽管EXT.NET 5.2可能已经不再是最新的版本,但其设计理念和实现方式仍然具有很...

    EXT dojochina文本框示例Ext.form.TextField.rar

    EXT是Sencha公司开发的一款强大的JavaScript前端框架,主要用于构建富客户端Web应用。Dojo China社区是一个专注于JavaScript技术,特别是...通过研究这个示例,开发者可以更好地掌握EXT框架的使用,提升前端开发能力。

    Ext DateField控件 - 只选择年月

    1. **类定义**:创建一个新的DateField子类,可能命名为`MonthPicker`,继承自Ext.form.field.DateField。 2. **配置项**:定义新的配置选项,如`allowOnlyMonthYear`,用于开启只选择年月模式。 3. **模板修改**:...

    ext文件上传下载

    在EXTJS中,文件上传通常会用到`Ext.form.Panel`组件,它包含一个或多个`Ext.form.field.File`(文件选择字段),也被称为“上传按钮”。这个组件允许用户选择本地文件,并在提交表单时将文件数据发送到服务器。以下...

    Ext中xtype和vtype.

    * hidden:一个隐藏字段组件,用于隐藏某些字段。 * htmleditor:一个 HTML 编辑器组件,用于编辑 HTML 内容。 * numberfield:一个数字字段组件,用于编辑数字。 * radio:一个单选框组件,用于选择某些选项。 * ...

    Ext表单组件之checkbox

    在Ext JS中,复选框是`Ext.form.field.Checkbox`类的实例,提供了一套完整的API来处理用户的选中和未选中状态。 2. **创建复选框** 创建一个基本的复选框,你需要定义一个配置对象,包括`xtype`属性来指定组件类型...

    关于Ext中form移除textfield方法:hide(),setVisible(false),remove()

    下面是一个我遇到问题代码的简化版本,没有经过测试,大概意思是要是在form里想控制不显示表单,用remove()方法有效 代码如下: new Ext.form.FormPanel({ id : ‘ReportForm’,items : [{ {id:”001″}, {id:”002″...

    根据输入的关键字过滤ext树节点

    var searchField = Ext.create('Ext.form.field.Text', { listeners: { keyup: function(field, e) { var keyword = field.getValue(); treeStore.filter({ property: 'text', // 过滤字段 value: keyword, //...

    ExtJSWeb应用程序开发指南(第2版)

    4.1.15 Ext.form.field.Hidden隐藏字段 4.1.16 Ext.form.field.HtmlEditor编辑器字段 4.1.17 Ext.form.field.Display只读文本字段 4.1.18 Ext.form.Label标签字段 4.1.19 Ext.form.FieldSet字段集 4.1.20 Ext....

    精通JS脚本之ExtJS框架.part1.rar

    6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 6.4 DomQuery入门 6.4.1 ...

    extjs帮助文档pdf版

    - `Ext.data.GroupingStore.group(field)`: 对数据进行分组。 - `Ext.data.GroupingStore.ungroup()`: 解除数据分组。 #### 37. Ext.data.SimpleStore 类 (P.34) - **概述**:简单的存储类,适用于小数据集。 - *...

    extjs属性方法大全

    `Ext.form.Field` 是所有表单字段的基础类。 - **属性:** - `name`: 字段名称。 - `value`: 字段初始值。 - `disabled`: 是否禁用,默认为 `false`。 - `fieldLabel`: 字段标签文本。 - `hideLabel`: 是否...

    ext 上传 例子

    EXTJS 提供了`Ext.form.field.File`(通常称为`FileField`)组件,这是一个特殊的表单字段,允许用户选择本地文件进行上传。它通常与一个隐藏的`form`元素一起使用,以便在提交时包含文件数据。 2. **...

    ExtJS-3.4.0系列目录

    - `Ext.form.field.Hidden`:隐藏字段。 - `Ext.form.field.HtmlEditor`:富文本编辑器。 - `Ext.form.field.Display`:只读文本字段。 - `Ext.form.Label`:标签字段,用于显示文本。 - `Ext.form.FieldSet`:...

    ExtJs4实现下拉树选择框ComboTree

    `ComboTree` 在本文档中被定义为一个自定义类 `Slk.view.ui.ComboTree`,它继承自 `Ext.form.field.Picker` 类,并扩展了额外的功能来支持树形数据的选择。此组件不仅支持单选,还支持多选功能,并且可以通过配置来...

Global site tag (gtag.js) - Google Analytics