`

Extjs在frompanel中隐藏某个textfield以及label组件的方法

 
阅读更多

1.隐藏某个textfield和label组件 的方法:
Ext.getCmp('text_id').getEl().up('.x-form-item').setDisplayed(false);//表示隐藏

Ext.getCmp('text_id').hide();

Ext.getCmp('text_id').setVisible(true);

Ext.getCmp('text_id').show();

Ext.getCmp('text_id').setVisible(false);

Ext.getCmp('text_id').getEl().up('.x-form-item').setDisplayed(true);//表示显示

2.把该组件放到一个panel上,然后对该panel进行显示和隐藏。如下:{
id:'pan_thsj',
labelWidth:55,
xtype:'panel',
baseCls:"x-plain",
layout:'form',
anchor:'95%',
items:[{
fieldLabel:'退回时间',
name:'backtime',
width:143,
id:'_thsj',
xtype:'datefield',
format:'y-m-d'
}]
}Ext.getCmp("pan_thsj").hide();Ext.getCmp("pan_thsj").show();

【退回时间】隐藏后效果:

分享到:
评论

相关推荐

    extjs form textfield的隐藏方法

    在ExtJS中,要隐藏一个表单中的textfield,可以通过在该表单项的配置中添加hidden属性,并将其设置为true,这样可以使得该表单项不在界面上直接显示。但是,如果仅仅设置了hidden属性为true,虽然文本字段本身不会...

    ExtJs5 去掉textfield边框

    在ExtJs5中,开发人员有时需要自定义UI以满足特定的设计需求,比如去掉`textfield`组件的边框。在给定的描述中,我们看到开发者遇到了一个问题:默认情况下,ExtJs5的`textfield`组件有明显的边框,但通过添加特定的...

    Extjs树分页组件扩展

    在ExtJS中,树形(Tree)组件是一种用于展示层级数据的强大工具,它允许用户以树状结构浏览和操作数据。然而,在处理大量数据时,一次性加载所有节点可能导致页面响应变慢,这时就需要引入分页功能。"Extjs树分页...

    Extjs 年月日时分秒组件

    在ExtJS中,开发人员可以利用其丰富的组件库来创建各种用户界面元素,包括日期选择器。"Extjs 年月日时分秒组件"是一个特定的插件,允许用户在应用程序中选择精确到时分秒的时间。这种组件对于需要用户输入特定时间...

    ExtJs 带清空功能的日期组件

    在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...

    extjs 3.1 组件 使用

    在本篇文章中,我们将深入探讨如何在实际项目中使用ExtJS 3.1的组件。 首先,`css`目录包含了ExtJS 3.1的样式文件。这些CSS文件用于定义组件的外观和布局,包括颜色、字体、边距、边框等。在使用过程中,我们需要...

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

    在ExtJS 4.0版本中,它提供了一系列功能,包括表格面板(Grid Panel)的列管理以及滚动条的动态加载。让我们深入探讨这些核心概念。 1. **列隐藏与显示** 在ExtJS 4.0中,表格面板允许用户动态隐藏或显示列,以...

    学习ExtJS TextField常用方法

    一、属性 fieldLabel:标签名称。 labelWidth:标签宽度。 ID:文件框ID。... 在应用FormLayout布局时只要在宿主对象的构造参数中指定layout:”form”即可。 五、应用举例 代码如下: Ext.onReady(func

    ExtJs组件类的对应表

    本文将详细介绍ExtJs中的组件类及其对应的功能,帮助读者更好地理解和运用这些组件。 #### 基本组件 1. **`button`** - 对应于`Ext.Button`类,是ExtJs中最基础的按钮组件,用于触发事件或执行某些操作。 2. **`...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    在"ExtJs3.3中文API.CHM"中,开发者可以找到关于ExtJS 3.3的所有API和类的详细描述,以及相关的示例代码。 ExtJS 3.3的核心特性包括: 1. **组件化**:ExtJS基于组件模型,提供了一系列预定义的UI组件,如按钮、...

    Extjs3.2中文帮助手册

    5. **表单组件**:表单处理是Web应用的重要部分,手册将详细介绍ExtJS的表单组件,如TextField、ComboBox、DateField等,以及如何进行表单验证和提交。 6. **Ajax和数据交换**:手册会讲解如何使用Ajax进行异步通信...

    Extjs4添加tooltip

    Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...

    Extjs图片展示组件实例

    漂亮的Extjs图片展示组件实例,类似于幻灯片,可直接拿去用,非常不错的哦

    extjs时间日期选择组件

    在EXTJS这个强大的JavaScript框架中,时间日期选择组件是一个至关重要的元素,它为用户提供了方便的方式来选择和输入日期和时间。这些组件使得Web应用程序能够更好地处理时间相关的数据输入,提高用户体验,同时也...

    中文的Extjs的api手册

    3. **布局管理**:ExtJS拥有多种布局方式,如Fit布局、Border布局、Column布局等,可以灵活地调整组件在容器中的位置和大小。 4. **表格(Grid)**:ExtJS的表格组件支持大量的功能,如分页、排序、过滤、行编辑等...

    ExtJS 组件扩展

    - **解决方案**:仔细研究ExtJS官方文档中关于组件生命周期的相关内容,并确保正确覆盖关键方法,如`initComponent`等。 3. **错误地new**:对于UI组件,ExtJS提供了一种称为xtype的机制,通过xtype可以实现组件的...

Global site tag (gtag.js) - Google Analytics