最近在用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是一款强大的JavaScript框架,用于构建复杂的、数据密集型的应用程序。它提供了大量的组件和工具,使得开发者能够快速地创建美观且功能丰富的用户界面。本文将详细...
组件还支持显示和隐藏操作,EXTJS提供了show和hide方法,隐藏默认通过设置CSS的"display:none"实现,但可以通过hideMode属性改变隐藏方式,如使用"visibility"属性来控制组件的可见性。 EXTJS中的浮动组件...
在ExtJS 4.0中,表格面板允许用户动态隐藏或显示列,以适应不同的视图需求。这可以通过设置列模型(Column Model)中的`hidden`属性来实现。例如,你可以创建一个列配置对象,其中包含一个`hidden`参数来定义列是否...
EXTJS组件有自己的生命周期,包括创建、渲染、显示、隐藏、销毁等阶段,开发者可以监听和处理这些生命周期事件。 9. **布局管理**: EXTJS提供了多种布局模式,如Fit、Border、Form、Table等,用于控制组件在容器...
标签中的"Extjs"表明了这个话题是关于ExtJS框架的,意味着我们需要了解ExtJS的类系统、事件驱动机制以及如何使用其API来构建组件。 至于`264b9a95-e3f6-4c74-be5a-2384fc18abcc.zip`,这可能是一个包含示例代码、...
在IT领域,特别是Web开发中,ExtJS是一个广泛使用的JavaScript框架,它提供了丰富的用户界面组件和强大的数据管理功能。本文将深入探讨如何使用ExtJS构建动态异步加载的树形结构,结合AJAX技术实现JSON数据的高效...
### ExtJS4 下拉树组件知识点详解 #### 一、概述 在ExtJS4中,下拉树组件(TreeComboBox)是一种特殊的组合框,它结合了下拉列表和树形结构的功能,允许用户通过选择树节点来填充组合框的值。这种组件广泛应用于...
### extjs-form组件配置参数详解 #### 一、Ext.form.Action `Ext.form.Action`是ExtJS中的一个类,用于处理表单提交和加载数据的动作。它提供了多种配置选项和属性来控制表单操作的过程。 **配置项** - **success*...
在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...
开发者可以为组件的显示、隐藏、大小改变等操作添加平滑的动画,提升用户体验。 6. 扩展性与可复用性 4.0版本增强了扩展性和组件的可复用性。开发者可以通过继承和混入(mixin)机制来创建自定义组件,实现代码重用...
在ExtJS框架中,3.4.0版本提供了丰富的组件和功能,适合构建复杂的Web应用程序。以下是对标题和描述中提及的几个关键知识点的详细解释: 1. **Ext JS 下载及配置** 在开始使用Ext JS前,你需要从官方网站下载相应...
在EXTJS这个强大的JavaScript框架中,开发者经常遇到各种控件的使用问题,特别是涉及到日期时间选择的组件。本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发...
在EXTJS4中,ComboBox是一个常用的组件,它用于创建下拉选择框,通常用于输入框的辅助选择。这个组件提供了一种用户友好的方式来从一组预定义的选项中进行选择。然而,根据你的标题和描述,你似乎遇到了一个特别的...
本篇文章将详细介绍如何针对ExtJS 3.x版本定制和优化一个名为`UploadDialog`的多文件上传组件。 #### 关键技术点 1. **ExtJS 3.x兼容性** - 在ExtJS 2.x版本中实现的多文件上传功能通常无法直接应用于3.x版本。 ...
- 选择组件类型:根据字段类型,选择合适的ExtJS组件。 - 设定组件属性:如宽度、高度、标签文本、验证规则等。 - 构建表单布局:决定组件在表单中的排列方式,如表格布局、流式布局等。 - 编写代码:根据设定...
EXTJS是一个强大的JavaScript库,专门用于构建富客户端的Web应用,提供了丰富的组件和交互效果。在EXTJS中实现桌面权限管理,可以有效地提升用户体验,同时确保数据的安全性。 首先,我们要理解EXTJS窗口的权限管理...
1. **数据网格(Data Grid)**:ExtJs的数据网格是一种显示大量结构化数据的组件,它支持分页、排序、筛选等多种功能。数据网格通过绑定到数据源(如Store)来显示数据,并且可以对每列应用不同的渲染和操作。 2. *...
ExtJS 中的 xtype 是一个非常重要的概念,它用于定义组件的类型,从而确定组件的行为和样式。xtype 是 ExtJS 的核心组件之一,它提供了大量的组件类型,满足不同场景下的需求。 基本组件 1. button - xtype: '...
`ExtLoading`组件是ExtJS提供的另一种加载指示器,它可以在页面的任何位置显示,而不只是覆盖整个页面。这个组件可以更灵活地控制加载指示器的位置和样式。 四、高级用法 1. **局部加载遮罩** 只想对特定组件显示...
5. **Iframe Transport**: 由于HTML5的FormData对象和XMLHttpRequest API在某些老旧浏览器中可能不支持,EXTJS通常会使用隐藏的iframe来处理文件上传,以确保兼容性。这是因为iframe可以承载完整的HTML文档,适合...