`
wamz1wn
  • 浏览: 21101 次
  • 性别: 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);
    }  

 

分享到:
评论

相关推荐

    Ext的FormPanel组件

    ### Ext的FormPanel组件 #### 综述 `FormPanel`是Ext JS框架...以上内容覆盖了Ext JS中的FormPanel组件的基本使用方法及一些高级特性。通过对这些特性的掌握,可以更高效地开发出功能完备且用户体验良好的表单界面。

    extjs中的formPanel以及表单的应用

    FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的功能,如数据验证、远程提交、异步加载等,是构建用户交互界面的关键部分。 在ExtJS中,FormPanel是...

    ExtJs中表单formPanel的横向布局

    本文将深入探讨如何在ExtJs中使用`FormPanel`组件结合`form`和`column`布局属性来实现横向布局,即在一个表单中元素能够按照列分布,形成一种更为直观和用户友好的界面设计。 ### 一、理解`FormPanel`及其属性 `...

    FormPanel的插入与删除

    这篇博客“FormPanel的插入与删除”显然探讨了如何在FormPanel中动态添加和移除字段,这对于构建可扩展和动态的用户界面至关重要。在ExtJS中,FormPanel提供了丰富的功能,如数据验证、表单提交以及与服务器端的数据...

    自我扩展FormPanel 和Store

    在IT领域,FormPanel和Store是ExtJS框架中两个重要的组件,它们在构建富客户端应用程序时发挥着核心作用。本文将深入探讨如何实现自我扩展的FormPanel和Store,以及它们如何实现自动数据触发感知功能和与Store的绑定...

    treeGrid目录拖动到formPanel

    通常,`treeGrid`中的每个节点对应着一个对象,这个对象的属性可以映射到`formPanel`的字段上。 最后,考虑到`源码`和`工具`标签,这可能是关于如何利用特定的开发工具(如IDE、调试器或扩展)来辅助开发和测试这类...

    ExtJS笔记----FormPanel的使用

    NULL 博文链接:https://lucky16.iteye.com/blog/1490278

    extJs中关于formPanel动态添加组件的验证问题

    然而,在实际开发过程中,我们可能会遇到需要动态添加组件到FormPanel中的需求,这就会带来一些验证上的挑战。这篇博客将探讨如何解决EXT JS中关于FormPanel动态添加组件的验证问题。 首先,让我们理解EXT JS ...

    Ext table布局实例 formpanel的table布局

    在formpanel中使用table布局,可以按照表格的形式组织表单元素,这在处理多列或多行表单布局时非常有用。 以下关于formpanel的table布局要点: 1. **form layout**:设置`layout: 'form'`,让formpanel使用form...

    extjs4如何给同一个formpanel不同的url_.docx

    在EXTJS4的API中,通常我们会看到一个`url`属性,这个属性指定了FormPanel在提交表单时将数据发送到的服务器端处理地址。然而,如果希望同一个FormPanel实例能够根据不同的上下文提交到不同的URL,我们需要稍微调整...

    Extjs4的FormPanel从后台load json数据的要点

    在Extjs4中,可以使用`form.load()`方法将JSON数据加载到FormPanel中。这个方法接收一个配置对象作为参数,该对象通常包括URL、请求类型(GET或POST)、成功回调函数和失败回调函数等属性。当后端服务器返回JSON数据...

    sencha的ajax+formpanel+google地图

    在`app.js`中,我们可能需要创建一个新的组件或扩展现有的组件,用于显示地图。Google Maps API提供了丰富的地图操作接口,如定位、标记、路径绘制等,这些都可以通过JavaScript调用来实现。 在`services`目录下,...

    extjs form textfield的隐藏方法

    this.formpanel = new Ext.FormPanel({ items: [{ fieldLabel: ‘代码’, name: ‘FCode’, anchor:’100%’, id: ‘fid’ },{ fieldLabel: ‘名称’, name: ‘FName’, anchor:’100%’ // anchor width by ...

    .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

    在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...

    extjs属性方法大全

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

    formpanel extjs

    extjs formpanel学习,秘诀,笔记

    Extjs属性大全

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

    简单的两种Extjs formpanel加载数据的方式

    在这个例子中,`row.Note`是数据源中的值,它被赋给了`textarea`的`value`属性,从而显示在formpanel中。 ### 注意事项 1. **字段映射**:确保formpanel的字段与数据源的属性名称相匹配,这样才能正确地加载数据。...

    ExtJs4.0 表单提交Demo

    - **配置表单行为**:为FormPanel设置action属性,指定提交的URL,或者在提交事件中动态设置。 - **监听提交事件**:使用`form.submit()`方法触发表单提交,传入一个包含回调函数的对象,处理成功和失败的情况。 ...

Global site tag (gtag.js) - Google Analytics