`
dzqlhh
  • 浏览: 60880 次
社区版块
存档分类
最新评论

Ext js隐藏textfield文本框及其标签的方法

阅读更多

ext组件自身有隐藏的属性hidden,但只能隐藏组件本身,组件的标签不能隐藏起来,因为标签是在独立的容器内,如果需要隐藏标签则需要单独来隐藏:

var sdate = Ext.getCmp('startDate');//一个日期选择组件
sdate.hide();//hide方法将组件的选择输入框隐藏

sdate.getEl().up('.x-form-item').setDisplayed(false); //通过标签的容器名获取标签容器,调用setDisplayed方法设置隐藏。

如果需要显示出隐藏的组件及标签,则需要:

sdate.show();

sdate.getEl().up('.x-form-item').setDisplayed(true);

即可
    

分享到:
评论

相关推荐

    EXT dojochina文本框示例Ext.form.TextField.rar

    Dojo China社区是一个专注于JavaScript技术,特别是Dojo Toolkit和EXT JS等技术的交流平台。在本示例中,"EXT dojochina文本框示例Ext.form.TextField.rar"是一个压缩包,包含了EXT框架中关于`Ext.form.TextField`...

    extjs 自动为必填项增加提示后缀

    extjs 自动为必填项增加提示后缀,如题此js代码可以为必填时使用,样例功能为在必填项后增加红色星号,如: 编码*(当然此星色为红色),也可以修改成其它内容符号、文字等

    EXT_JS实例,官方实例

    6. **表单组件**:EXT JS提供了一系列表单组件,如文本框(TextField)、下拉列表(ComboBox)、复选框(Checkbox)、单选按钮(RadioButton)等。这些组件可以轻松创建复杂的表单并实现数据验证。 7. **Ajax通信**...

    ExtJs 文本框后附件单位

    // 重写 Ext.form.TextField 的 onRender 方法以支持在文本框后添加单位名称 Ext.override(Ext.form.TextField, { unitText: '', // 单位文本 onRender: function (ct, position) { // 调用父类的 onRender 方法 ...

    Ext Extjs 禁止文本和日期编辑

    在Ext JS这个强大的JavaScript框架中,开发者经常使用各种组件来构建富客户端应用,其中包括TextField(文本字段)和DatePicker(日期选择器)。有时,我们可能需要根据应用需求在运行时禁用这些组件的编辑功能,...

    Ext各种标签 实用

    1. 表单元素:ExtJS提供了诸如文本框(TextField)、密码框(PasswordField)、选择框(ComboBox)、复选框(Checkbox)、单选按钮(RadioButton)等表单组件,它们支持验证、事件处理等功能,使得表单数据的收集和...

    关于Extjs禁用一些操作的资料

    本资料主要关注如何在Ext JS中禁用文本框(TextField)的粘贴操作。在Web应用中,用户可能会尝试通过复制和粘贴来快速输入数据,但有时为了数据的准确性或防止恶意输入,我们可能希望阻止这种行为。 首先,我们需要...

    Ext控件大全,适合新手学习

    Ext JS 是一个用JavaScript编写的开源前端框架,用于构建现代化的Web应用程序。它提供了丰富的UI组件、强大的数据处理功能以及灵活的布局管理器,能够帮助开发者快速构建复杂的用户界面。 #### 1.2 Ext控件的重要性...

    网上搜的两个ext小练习项目

    EXT,全称EXT JS,是一种基于JavaScript的富客户端框架,由Sencha公司开发,主要用于构建交互式的Web应用程序。EXT提供了一套完整的组件模型,包括数据绑定、布局管理、表格、图表等多种功能,使得开发者可以方便地...

    ext 学习资料

    本篇内容基于一位经验丰富的开发者分享的学习资料——《Ext JS 6 By Example》,该资料详细介绍了Ext JS 6的核心概念和使用方法,旨在帮助初学者快速上手并深入理解Ext JS 6的各项特性。 #### 二、Ext JS 的优势 1...

    学习ExtJS TextField常用方法

    ExtJS 是一个基于 JavaScript 的富互联网应用程序框架,提供了许多实用的控件和方法来帮助开发者快速构建高质量的 Web 应用程序之一就是 TextField,在本文中,我们将详细介绍 ExtJS TextField 的常用方法和属性。...

    ext_表单提交_数据校验

    #### 一、文本框输入控件(Ext.form.TextField) 在Ext JS框架中,`Ext.form.TextField`是一种用于收集用户输入的基本控件,它提供了丰富的配置选项来实现数据校验。例如,在示例中,通过设置`allowBlank: false`,...

    ext控件form相关配置

    通过本文的介绍,我们不仅了解了Ext JS中的`Form`控件及其基本配置方法,还深入探讨了一些高级配置选项。这些知识对于开发者来说是非常宝贵的资源,可以帮助他们在实际项目中更加高效地利用Ext JS来构建高质量的Web...

    ext.net常见问题收集

    对于文本框`<ext:TextField>`,可以监听`Blur`事件来处理键盘焦点丢失的情况,如`<DirectEvents> <Blur OnEvent="UserID_Blur">...</Blur> </DirectEvents>`。在后台,定义相应的方法`protected void UserID_Blur...

    Ext组件说明 Ext组件概述

    Ext是一个功能丰富的JavaScript框架,用于构建桌面级Web应用程序。它提供了大量的组件和工具,使得开发者能够快速且高效地构建用户界面。对于初学者而言,理解这些组件的基础概念和使用方法是至关重要的。 #### 二...

    ext可编辑表格

    在这个例子中,`columns`数组包含了多个对象,每个对象代表一列,其中`editor`属性指定了该列的编辑器,如`TextField`(文本框)、`ComboBox`(下拉框)和`NumberField`(数字输入框)。 - `TextField`允许用户...

    ext-word文档

    例如,要选择页面上所有的`<div>`标签,可以使用`Ext.query('div')`。这些方法极大地简化了DOM操作的复杂性,提高了开发效率。 #### 响应事件 事件处理是ExtJS中另一个重要的特性。它允许开发者通过简单的方法绑定...

    自动添加行(ext)

    - **定义**:FormPanel是Ext JS中用于创建表单的容器组件,可以包含各种表单元素如文本框、下拉列表等。 - **实例**: ```javascript var basicMessage = new Ext.FormPanel({ labelAlign: 'right', labelWidth:...

    Ext 登陆页面

    根据提供的文件信息,我们可以分析出该段代码是用于创建一个基于Ext JS框架的登录界面,并且涉及到了Ext JS的一些核心组件以及表单提交的基本逻辑。接下来我们将深入解析这些知识点。 ### 1. Ext JS框架简介 Ext ...

Global site tag (gtag.js) - Google Analytics