前几天搞了很久,查了很久的API也没搞定(因为API里面没有这种函数),反而是今天上它
的官网去查别的资料的时候看到了一个网友也提出了同样的问题,所以就拿来用了,在此鸣谢那
位老兄:
function hideField(field)
{
field.disable();// for validation
field.hide();
field.getEl().up('.x-form-item').setDisplayed(false); // hide label
}
function showField(field)
{
field.enable();
field.show();
field.getEl().up('.x-form-item').setDisplayed(true);// show label
}
this.userTypeField=new Ext.ux.EnumField({
hiddenName:'userinfo.userType',
fieldLabel:'用户类型',
tableName:'userinfo',
fieldName:'userType',
allowBlank : false,
listeners:{
select:function(){
var value = this.getValue();
//Ext.log(value);
if(value == '2')
{
//formPanel.stationidField.setVisible(false); //这种方法只能隐藏field而不能隐藏field //formPanel.hospitalidField.setVisible(true); 对应的label,用下面的方法则可以一起隐藏.
hideField(formPanel.stationidField);
showField(formPanel.hospitalidField);
}
if(value == '3')
{
//formPanel.hospitalidField.setVisible(false);
//formPanel.stationidField.setVisible(true);
hideField(formPanel.hospitalidField);
showField(formPanel.stationidField);
}
if(value == '1' || value == '4')
{
//formPanel.hospitalidField.setVisible(true);
//formPanel.stationidField.setVisible(true);
showField(formPanel.hospitalidField);
showField(formPanel.stationidField);
}
}
}
});
分享到:
相关推荐
在Ext JS中,复选框是`Ext.form.field.Checkbox`类的实例,提供了一套完整的API来处理用户的选中和未选中状态。 2. **创建复选框** 创建一个基本的复选框,你需要定义一个配置对象,包括`xtype`属性来指定组件类型...
在Ext JS中,柱状图可以通过`Ext.chart.Chart`类创建,该类提供了丰富的定制选项,包括颜色、标签、轴和数据源等。 1. **创建图表容器**: 在HTML页面中,我们需要一个div元素作为图表的容器。例如: ```html ...
4.1.15 Ext.form.field.Hidden隐藏字段 4.1.16 Ext.form.field.HtmlEditor编辑器字段 4.1.17 Ext.form.field.Display只读文本字段 4.1.18 Ext.form.Label标签字段 4.1.19 Ext.form.FieldSet字段集 4.1.20 Ext....
- **Ext.tree.Panel**:用于展示树形结构的数据,包含配置项和方法,如节点的添加、删除和操作。 7. **数据模型(Model)** - **ExtJS Model**:数据实体模型,用于定义数据结构和关联规则,方便数据操作和绑定。...
日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式为横向的日期、时间,非日期弹出框下方选择时间。 注意事项:1、只有日期、年、月、日全部选择后,才能从name中...
7.4.11 数据模型的配置项、属性和方法 / 343 7.5 store / 344 7.5.1 概述 / 344 7.5.2 store对象的实例化过程 / 345 7.5.3 treestore对象的实例化过程 / 348 7.5.4 ext.data.store加载数据的方法 / 350 7.5.5...
在本案例中,我们关注的是使用ext4.0框架来创建柱形、折线和饼状图。EXT是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计,尤其在数据可视化方面表现出色。EXT4.0作为其一个版本,提供了更优化的性能和...
在本实例中,我们将深入探讨如何利用EXT和PHP来构建一个饼状图统计图表。 首先,EXT的图表功能依赖于EXT JS库,因此在开始之前,你需要确保已经引入了EXT JS的相关资源,通常这包括JS库和CSS样式文件。这些文件可以...
利用 `Ext.data.Field` 和 `Ext.data.Store`,可以轻松地更新和读取数据。 7. **远程数据加载**: 当选项过多时,可以动态从服务器加载数据。EXT 的 Store 支持 JSONP 或 AJAX 调用来获取数据,然后动态生成多选框...
日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式显示为横向的日期、时间,非日期弹出框下方选择日期。 调用代码:Ext.create('erp.ux.form.field.DateTimer', {...
在这个新类中,我们将重写默认的模板和渲染方法,以包含复选框元素。 2. **模板设计**:EXTJS的`tpl`配置项可以用来定义组件的HTML结构。我们需要创建一个模板,包含一个`<div>`作为容器,以及一组`<span>`或`...
以上是 `Extjs` 中常用的表单类及其属性和方法的详细介绍,这些类和方法提供了丰富的功能,帮助开发者快速构建功能完备的 Web 表单应用。通过掌握这些基础知识,可以有效地提高开发效率并确保应用程序的质量。
在ExtJS中,可以使用`Ext.Component`创建自定义组件来展示这些信息,比如`Ext.panel.Panel`作为容器,`Ext.label`显示标题,`Ext.form.field.TextArea`用于编辑和显示文章内容,`Ext.grid.Panel`或`Ext.tree.Panel`...
在ExtJS 4.2中创建柱状图,首先你需要引入相关的类库,包括`Ext.chart.*`,这通常通过在页面中加载相应的CSS和JavaScript文件来实现。接下来,定义一个包含数据的Store,这个Store将提供图表的数据源。数据可以是...
- **`hidden` (Ext.form.Hidden)**: 表单隐藏域组件,用于在表单中包含隐藏的信息。 - **`htmleditor` (Ext.form.HtmlEditor)**: HTML编辑器组件,允许用户编辑HTML内容。 - **`label` (Ext.form.Label)**: 标签组件...
**Ext.form.Field** - **描述**: 表单字段,所有表单元素的基类。 - **用途**: 不直接使用,但作为其他表单元素的基类。 **Ext.form.FieldSet** - **描述**: 表单字段组,用于将相关的表单元素分组。 - **用途**: ...
6. **`field`:** 表单字段组件,为所有表单字段提供了公共的API,通过`Ext.form.Field`类实现。 7. **`fieldset`:** 表单字段组组件,用于组织表单字段,通过`Ext.form.FieldSet`类实现。 8. **`hidden`:** 表单...
6. **`field`** - `Ext.form.Field`,表单字段基类,所有其他表单字段的基类。 7. **`fieldset`** - `Ext.form.FieldSet`,表单字段组,用于将一组相关的表单字段组合在一起。 8. **`hidden`** - `Ext.form....
本文档将详细介绍Extjs中包含的所有`xtype`值,并解释它们的功能和用途。 #### 二、基本组件 1. **`button`:** - **`xtype`**: `button` - **`Class`**: `Ext.Button` - **描述**: 一个简单的按钮组件,常用于...
- `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...