`
wamz1wn
  • 浏览: 21233 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

隐藏及显示,formPanel 中的某些属性

 
阅读更多

隐藏及显示,formPanel 中的某些属性

1.

var commonOperate  = function(items , operateType)

   {

      if (!items || items.length <= 0)

      {

         return ;

      }

      var item = null;

      for (var i = 0, len = items.length; i < len ; i = i + 1)

      {

         item = items[i];

         if (item)

         {

            item = Ext.getCmp(item);

            if (item)

            {

               item[operateType]();

               // 同步隐藏label

               if (operateType == 'hide' && item.fieldLabel)

               {

                  item.getEl().up('.x-form-item').setDisplayed(false);

               }

               else if (operateType == 'show' && item.fieldLabel)

               {

                  item.getEl().up('.x-form-item').setDisplayed(true);

               }

            }

         }

      }

   }

2. Ext.getCmp('WR0106').inputType = 'hidden';

3.使用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);
    }  

 

分享到:
评论

相关推荐

    extjs form textfield的隐藏方法

    在ExtJS中,要隐藏一个表单中的textfield,可以通过在该表单项的配置中添加hidden属性,并将其设置为true,这样可以使得该表单项不在界面上直接显示。但是,如果仅仅设置了hidden属性为true,虽然文本字段本身不会...

    Extjs属性大全

    - **displayField**:此属性定义了在组合框中显示的字段名。 - **editable**:指示是否可以编辑组合框,默认为`true`。 - **forceSelection**:设置是否强制选择列表中的值。如果设置为`true`,则用户只能从提供的...

    Ext 添加功能form表单实例

    在这个例子中,通过`new Ext.FormPanel`来创建了一个表单面板,并设置了一些关键属性: - `frame`: 设置为`true`,表示表单周围有一个边框。 - `width` 和 `height`: 分别设置了表单的宽度和高度。 - `layout`: ...

    Ext JS高级程序设计

    - **作用**: 当容器的空间不足以容纳所有子元素时,通过设置`flex`属性可以让某些子元素自动调整大小以适应容器空间。 - **示例**: 在代码示例中,两列都设置了`flex`的值为1,这意味着这两列将平分容器的宽度。 ...

    Extjs中文教程

    - 指的是在实际开发中可能并不常用,但在某些场景下非常有用的功能或技巧。 - 如DOM操作、模板引擎等。 - **Ext.DomHelper类** - 提供了一系列用于创建和操作DOM元素的方法。 - 例如:`Ext.DomHelper.append('...

    ExtJs组件类的对应表

    1. **`button`** - 对应于`Ext.Button`类,是ExtJs中最基础的按钮组件,用于触发事件或执行某些操作。 2. **`splitbutton`** - `Ext.SplitButton`,带有下拉菜单的按钮,常用于提供额外的菜单选项。 3. **`cycle...

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

    - **功能描述**:Button 是一个简单的按钮控件,用于触发某些操作或事件。 - **主要用途**:用于各种用户交互操作,如提交表单、执行某个动作等。 **1.3 Color Palette (Ext.ColorPalette)** - **xtype**: `...

Global site tag (gtag.js) - Google Analytics