隐藏及显示,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);
}
分享到:
相关推荐
### Ext的FormPanel组件 #### 综述 `FormPanel`是Ext JS框架...以上内容覆盖了Ext JS中的FormPanel组件的基本使用方法及一些高级特性。通过对这些特性的掌握,可以更高效地开发出功能完备且用户体验良好的表单界面。
FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的功能,如数据验证、远程提交、异步加载等,是构建用户交互界面的关键部分。 在ExtJS中,FormPanel是...
本文将深入探讨如何在ExtJs中使用`FormPanel`组件结合`form`和`column`布局属性来实现横向布局,即在一个表单中元素能够按照列分布,形成一种更为直观和用户友好的界面设计。 ### 一、理解`FormPanel`及其属性 `...
这篇博客“FormPanel的插入与删除”显然探讨了如何在FormPanel中动态添加和移除字段,这对于构建可扩展和动态的用户界面至关重要。在ExtJS中,FormPanel提供了丰富的功能,如数据验证、表单提交以及与服务器端的数据...
在IT领域,FormPanel和Store是ExtJS框架中两个重要的组件,它们在构建富客户端应用程序时发挥着核心作用。本文将深入探讨如何实现自我扩展的FormPanel和Store,以及它们如何实现自动数据触发感知功能和与Store的绑定...
通常,`treeGrid`中的每个节点对应着一个对象,这个对象的属性可以映射到`formPanel`的字段上。 最后,考虑到`源码`和`工具`标签,这可能是关于如何利用特定的开发工具(如IDE、调试器或扩展)来辅助开发和测试这类...
NULL 博文链接:https://lucky16.iteye.com/blog/1490278
然而,在实际开发过程中,我们可能会遇到需要动态添加组件到FormPanel中的需求,这就会带来一些验证上的挑战。这篇博客将探讨如何解决EXT JS中关于FormPanel动态添加组件的验证问题。 首先,让我们理解EXT JS ...
在formpanel中使用table布局,可以按照表格的形式组织表单元素,这在处理多列或多行表单布局时非常有用。 以下关于formpanel的table布局要点: 1. **form layout**:设置`layout: 'form'`,让formpanel使用form...
在EXTJS4的API中,通常我们会看到一个`url`属性,这个属性指定了FormPanel在提交表单时将数据发送到的服务器端处理地址。然而,如果希望同一个FormPanel实例能够根据不同的上下文提交到不同的URL,我们需要稍微调整...
在Extjs4中,可以使用`form.load()`方法将JSON数据加载到FormPanel中。这个方法接收一个配置对象作为参数,该对象通常包括URL、请求类型(GET或POST)、成功回调函数和失败回调函数等属性。当后端服务器返回JSON数据...
在`app.js`中,我们可能需要创建一个新的组件或扩展现有的组件,用于显示地图。Google Maps API提供了丰富的地图操作接口,如定位、标记、路径绘制等,这些都可以通过JavaScript调用来实现。 在`services`目录下,...
this.formpanel = new Ext.FormPanel({ items: [{ fieldLabel: ‘代码’, name: ‘FCode’, anchor:’100%’, id: ‘fid’ },{ fieldLabel: ‘名称’, name: ‘FName’, anchor:’100%’ // anchor width by ...
在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...
以上是 `Extjs` 中常用的表单类及其属性和方法的详细介绍,这些类和方法提供了丰富的功能,帮助开发者快速构建功能完备的 Web 表单应用。通过掌握这些基础知识,可以有效地提高开发效率并确保应用程序的质量。
extjs formpanel学习,秘诀,笔记
- **displayField**:此属性定义了在组合框中显示的字段名。 - **editable**:指示是否可以编辑组合框,默认为`true`。 - **forceSelection**:设置是否强制选择列表中的值。如果设置为`true`,则用户只能从提供的...
在这个例子中,`row.Note`是数据源中的值,它被赋给了`textarea`的`value`属性,从而显示在formpanel中。 ### 注意事项 1. **字段映射**:确保formpanel的字段与数据源的属性名称相匹配,这样才能正确地加载数据。...
- **配置表单行为**:为FormPanel设置action属性,指定提交的URL,或者在提交事件中动态设置。 - **监听提交事件**:使用`form.submit()`方法触发表单提交,传入一个包含回调函数的对象,处理成功和失败的情况。 ...