隐藏及显示,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中,要隐藏一个表单中的textfield,可以通过在该表单项的配置中添加hidden属性,并将其设置为true,这样可以使得该表单项不在界面上直接显示。但是,如果仅仅设置了hidden属性为true,虽然文本字段本身不会...
- **displayField**:此属性定义了在组合框中显示的字段名。 - **editable**:指示是否可以编辑组合框,默认为`true`。 - **forceSelection**:设置是否强制选择列表中的值。如果设置为`true`,则用户只能从提供的...
在这个例子中,通过`new Ext.FormPanel`来创建了一个表单面板,并设置了一些关键属性: - `frame`: 设置为`true`,表示表单周围有一个边框。 - `width` 和 `height`: 分别设置了表单的宽度和高度。 - `layout`: ...
- **作用**: 当容器的空间不足以容纳所有子元素时,通过设置`flex`属性可以让某些子元素自动调整大小以适应容器空间。 - **示例**: 在代码示例中,两列都设置了`flex`的值为1,这意味着这两列将平分容器的宽度。 ...
- 指的是在实际开发中可能并不常用,但在某些场景下非常有用的功能或技巧。 - 如DOM操作、模板引擎等。 - **Ext.DomHelper类** - 提供了一系列用于创建和操作DOM元素的方法。 - 例如:`Ext.DomHelper.append('...
1. **`button`** - 对应于`Ext.Button`类,是ExtJs中最基础的按钮组件,用于触发事件或执行某些操作。 2. **`splitbutton`** - `Ext.SplitButton`,带有下拉菜单的按钮,常用于提供额外的菜单选项。 3. **`cycle...
- **功能描述**:Button 是一个简单的按钮控件,用于触发某些操作或事件。 - **主要用途**:用于各种用户交互操作,如提交表单、执行某个动作等。 **1.3 Color Palette (Ext.ColorPalette)** - **xtype**: `...