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

Ext中同时隐藏field和label的方法

阅读更多
    前几天搞了很久,查了很久的API也没搞定(因为API里面没有这种函数),反而是今天上它

的官网去查别的资料的时候看到了一个网友也提出了同样的问题,所以就拿来用了,在此鸣谢那

位老兄:

   
function hideField(field)
    {
       field.disable();// for validation
       field.hide();
       field.getEl().up('.x-form-item').setDisplayed(false); // hide label
    }

    function showField(field)
    {
       field.enable();
       field.show();
       field.getEl().up('.x-form-item').setDisplayed(true);// show label
    }
        this.userTypeField=new Ext.ux.EnumField({
                hiddenName:'userinfo.userType',
                fieldLabel:'用户类型',
                tableName:'userinfo',
                fieldName:'userType',
                allowBlank : false,
                listeners:{
                        select:function(){
                                var value = this.getValue();
                                //Ext.log(value);
                                if(value == '2')
                                {
                                        //formPanel.stationidField.setVisible(false); //这种方法只能隐藏field而不能隐藏field                                             //formPanel.hospitalidField.setVisible(true);   对应的label,用下面的方法则可以一起隐藏.
                                        
                                        hideField(formPanel.stationidField);
                                        showField(formPanel.hospitalidField);
                                }
                                if(value == '3')
                                {
                                        //formPanel.hospitalidField.setVisible(false);
                                        //formPanel.stationidField.setVisible(true);
                                        hideField(formPanel.hospitalidField);                
                                        showField(formPanel.stationidField);                        
                                }
                                if(value == '1' || value == '4')
                                {
                                        //formPanel.hospitalidField.setVisible(true);
                                        //formPanel.stationidField.setVisible(true);                                        
                                        showField(formPanel.hospitalidField);
                                        showField(formPanel.stationidField);
                                }
                        }
                }
        });
分享到:
评论
5 楼 songyinghao 2009-03-15  
Ext:同时隐藏和显示field和label

地址:http://hi.baidu.com/ccutshyhao/blog/item/b567bdc2f39f2f5db219a86d.html

4 楼 terryang 2008-11-29  
够乱的!   
3 楼 jerry 2008-08-07  
我们用的2.X,提示.getEl() is undefined
2 楼 enderchen 2008-08-05  
出现一个问题,“getEI()为空或不为对象”,这是什么原因呢,是否field还没有render的时候,这个对象还是没有初始化,所以根本不存在这个对象,当然也不存在这种方法,所以报错
1 楼 gavin213 2008-07-02  
好,这方法不错~!

相关推荐

    Ext表单组件之checkbox

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

    ext3.*画图的例子

    在Ext JS中,柱状图可以通过`Ext.chart.Chart`类创建,该类提供了丰富的定制选项,包括颜色、标签、轴和数据源等。 1. **创建图表容器**: 在HTML页面中,我们需要一个div元素作为图表的容器。例如: ```html ...

    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....

    ExtJS-3.4.0系列目录

    - **Ext.tree.Panel**:用于展示树形结构的数据,包含配置项和方法,如节点的添加、删除和操作。 7. **数据模型(Model)** - **ExtJS Model**:数据实体模型,用于定义数据结构和关联规则,方便数据操作和绑定。...

    Extjs5 日期时间公共组件

    日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式为横向的日期、时间,非日期弹出框下方选择时间。 注意事项:1、只有日期、年、月、日全部选择后,才能从name中...

    Ext Js权威指南(.zip.001

    7.4.11 数据模型的配置项、属性和方法 / 343 7.5 store / 344 7.5.1 概述 / 344 7.5.2 store对象的实例化过程 / 345 7.5.3 treestore对象的实例化过程 / 348 7.5.4 ext.data.store加载数据的方法 / 350 7.5.5...

    ext4.0生成图形报表(柱形、折线、饼状)

    在本案例中,我们关注的是使用ext4.0框架来创建柱形、折线和饼状图。EXT是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计,尤其在数据可视化方面表现出色。EXT4.0作为其一个版本,提供了更优化的性能和...

    EXT风格PHP饼状图统计图表实例.7z

    在本实例中,我们将深入探讨如何利用EXT和PHP来构建一个饼状图统计图表。 首先,EXT的图表功能依赖于EXT JS库,因此在开始之前,你需要确保已经引入了EXT JS的相关资源,通常这包括JS库和CSS样式文件。这些文件可以...

    EXT 多选

    利用 `Ext.data.Field` 和 `Ext.data.Store`,可以轻松地更新和读取数据。 7. **远程数据加载**: 当选项过多时,可以动态从服务器加载数据。EXT 的 Store 支持 JSONP 或 AJAX 调用来获取数据,然后动态生成多选框...

    Extjs5 日期时间

    日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式显示为横向的日期、时间,非日期弹出框下方选择日期。 调用代码:Ext.create('erp.ux.form.field.DateTimer', {...

    ext4实现带复选框的多选下拉框

    在这个新类中,我们将重写默认的模板和渲染方法,以包含复选框元素。 2. **模板设计**:EXTJS的`tpl`配置项可以用来定义组件的HTML结构。我们需要创建一个模板,包含一个`<div>`作为容器,以及一组`<span>`或`...

    extjs属性方法大全

    以上是 `Extjs` 中常用的表单类及其属性和方法的详细介绍,这些类和方法提供了丰富的功能,帮助开发者快速构建功能完备的 Web 表单应用。通过掌握这些基础知识,可以有效地提高开发效率并确保应用程序的质量。

    ExtJS项目 一个博客系统

    在ExtJS中,可以使用`Ext.Component`创建自定义组件来展示这些信息,比如`Ext.panel.Panel`作为容器,`Ext.label`显示标题,`Ext.form.field.TextArea`用于编辑和显示文章内容,`Ext.grid.Panel`或`Ext.tree.Panel`...

    Extjs4.2 Chart柱状图

    在ExtJS 4.2中创建柱状图,首先你需要引入相关的类库,包括`Ext.chart.*`,这通常通过在页面中加载相应的CSS和JavaScript文件来实现。接下来,定义一个包含数据的Store,这个Store将提供图表的数据源。数据可以是...

    ExtJs xtype一览

    - **`hidden` (Ext.form.Hidden)**: 表单隐藏域组件,用于在表单中包含隐藏的信息。 - **`htmleditor` (Ext.form.HtmlEditor)**: HTML编辑器组件,允许用户编辑HTML内容。 - **`label` (Ext.form.Label)**: 标签组件...

    extjs控件列表

    **Ext.form.Field** - **描述**: 表单字段,所有表单元素的基类。 - **用途**: 不直接使用,但作为其他表单元素的基类。 **Ext.form.FieldSet** - **描述**: 表单字段组,用于将相关的表单元素分组。 - **用途**: ...

    extJs xtype 类型

    6. **`field`:** 表单字段组件,为所有表单字段提供了公共的API,通过`Ext.form.Field`类实现。 7. **`fieldset`:** 表单字段组组件,用于组织表单字段,通过`Ext.form.FieldSet`类实现。 8. **`hidden`:** 表单...

    ExtJs组件类的对应表

    6. **`field`** - `Ext.form.Field`,表单字段基类,所有其他表单字段的基类。 7. **`fieldset`** - `Ext.form.FieldSet`,表单字段组,用于将一组相关的表单字段组合在一起。 8. **`hidden`** - `Ext.form....

    Extjs xtype集合

    本文档将详细介绍Extjs中包含的所有`xtype`值,并解释它们的功能和用途。 #### 二、基本组件 1. **`button`:** - **`xtype`**: `button` - **`Class`**: `Ext.Button` - **描述**: 一个简单的按钮组件,常用于...

    ExtJS3总结内容

    - `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...

Global site tag (gtag.js) - Google Analytics