`
zenghuiss
  • 浏览: 26017 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Extjs 隐藏组件

阅读更多
最近在用Extjs进行前端开发,发现一些component的hide方法往往不能达到我们想要的效果,
大部分组件的fieldLabel都是无法隐藏掉的。

经过查阅,发现可以通过下面两个方法,比较好的解决这个问题
function hideComponent(comp){
  comp.disable();
  comp.hide();
  if(comp.getEl()!=null && comp.getEl().up('.x-form-item') !=null){
    comp.getEl().up('.x-form-item').setDisplayed(false);
  }
}


然后,我们如果需要把隐藏掉的组件再次显示出来,可以使用下面这个方法
function showComponent(comp){
 comp.enable();
 if(comp.getEl()!=null && comp.getEl.up('.x-form-item')!=null) {
  comp.getEl.up('.x-form-item').setDisplayed(true);
 }
 comp.show();
}


因为目前的系统使用的extjs版本较老,所以只能用这种方法去解决这个问题,不知道官方是不是在新版本中彻底解决此问题。
分享到:
评论

相关推荐

    ExtJs组件类的对应表

    ### ExtJs组件类的对应表解析 #### 引言 ExtJs是一款强大的JavaScript框架,用于构建复杂的、数据密集型的应用程序。它提供了大量的组件和工具,使得开发者能够快速地创建美观且功能丰富的用户界面。本文将详细...

    EXTjs组件.pdf

    组件还支持显示和隐藏操作,EXTJS提供了show和hide方法,隐藏默认通过设置CSS的"display:none"实现,但可以通过hideMode属性改变隐藏方式,如使用"visibility"属性来控制组件的可见性。 EXTJS中的浮动组件...

    Extjs4.0 列隐藏和滚动条动态加载

    在ExtJS 4.0中,表格面板允许用户动态隐藏或显示列,以适应不同的视图需求。这可以通过设置列模型(Column Model)中的`hidden`属性来实现。例如,你可以创建一个列配置对象,其中包含一个`hidden`参数来定义列是否...

    Extjs上传组件

    标签中的"Extjs"表明了这个话题是关于ExtJS框架的,意味着我们需要了解ExtJS的类系统、事件驱动机制以及如何使用其API来构建组件。 至于`264b9a95-e3f6-4c74-be5a-2384fc18abcc.zip`,这可能是一个包含示例代码、...

    ExtJS构造动态异步加载

    在IT领域,特别是Web开发中,ExtJS是一个广泛使用的JavaScript框架,它提供了丰富的用户界面组件和强大的数据管理功能。本文将深入探讨如何使用ExtJS构建动态异步加载的树形结构,结合AJAX技术实现JSON数据的高效...

    ExtJS4下拉树组件

    ### ExtJS4 下拉树组件知识点详解 #### 一、概述 在ExtJS4中,下拉树组件(TreeComboBox)是一种特殊的组合框,它结合了下拉列表和树形结构的功能,允许用户通过选择树节点来填充组合框的值。这种组件广泛应用于...

    extjs-form组件配置参数详解

    ### extjs-form组件配置参数详解 #### 一、Ext.form.Action `Ext.form.Action`是ExtJS中的一个类,用于处理表单提交和加载数据的动作。它提供了多种配置选项和属性来控制表单操作的过程。 **配置项** - **success*...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    ExtJs4.0官方版本

    开发者可以为组件的显示、隐藏、大小改变等操作添加平滑的动画,提升用户体验。 6. 扩展性与可复用性 4.0版本增强了扩展性和组件的可复用性。开发者可以通过继承和混入(mixin)机制来创建自定义组件,实现代码重用...

    ExtJS-3.4.0系列目录

    在ExtJS框架中,3.4.0版本提供了丰富的组件和功能,适合构建复杂的Web应用程序。以下是对标题和描述中提及的几个关键知识点的详细解释: 1. **Ext JS 下载及配置** 在开始使用Ext JS前,你需要从官方网站下载相应...

    extjs4 ComboBox 点击下拉框 出现grid效果

    在EXTJS4中,ComboBox是一个常用的组件,它用于创建下拉选择框,通常用于输入框的辅助选择。这个组件提供了一种用户友好的方式来从一组预定义的选项中进行选择。然而,根据你的标题和描述,你似乎遇到了一个特别的...

    ExtJs代码自动生成

    - 选择组件类型:根据字段类型,选择合适的ExtJS组件。 - 设定组件属性:如宽度、高度、标签文本、验证规则等。 - 构建表单布局:决定组件在表单中的排列方式,如表格布局、流式布局等。 - 编写代码:根据设定...

    ExtJS 多文件上传 UploadDialog For ExtJS3.x

    本篇文章将详细介绍如何针对ExtJS 3.x版本定制和优化一个名为`UploadDialog`的多文件上传组件。 #### 关键技术点 1. **ExtJS 3.x兼容性** - 在ExtJS 2.x版本中实现的多文件上传功能通常无法直接应用于3.x版本。 ...

    EXTJS DeskTop权限管理

    EXTJS是一个强大的JavaScript库,专门用于构建富客户端的Web应用,提供了丰富的组件和交互效果。在EXTJS中实现桌面权限管理,可以有效地提升用户体验,同时确保数据的安全性。 首先,我们要理解EXTJS窗口的权限管理...

    ExtJs Filter 表格过滤

    1. **数据网格(Data Grid)**:ExtJs的数据网格是一种显示大量结构化数据的组件,它支持分页、排序、筛选等多种功能。数据网格通过绑定到数据源(如Store)来显示数据,并且可以对每列应用不同的渲染和操作。 2. *...

    extjs上传全代码

    5. **Iframe Transport**: 由于HTML5的FormData对象和XMLHttpRequest API在某些老旧浏览器中可能不支持,EXTJS通常会使用隐藏的iframe来处理文件上传,以确保兼容性。这是因为iframe可以承载完整的HTML文档,适合...

    Extjs动态GRID

    EXTJS动态GRID是一种基于JavaScript的前端开发框架EXTJS中的组件,用于展示数据并提供交互功能。EXTDRID(可能是EXTGRID的拼写错误)是指EXTJS中的Grid Panel,它允许开发者构建灵活、可配置的数据视图,适用于大量...

    php+ExtJS 开发实战

    - **类与继承**: 在ExtJS中,可以通过定义类来创建组件,并通过继承机制来扩展现有组件的功能。 - **封装**: 封装是指隐藏对象的具体实现细节,仅暴露必要的接口给外部调用,从而增强代码的安全性和灵活性。 - **...

Global site tag (gtag.js) - Google Analytics