登录系统,从树菜单点击“码号管理”,进入管理界面,点击查询码号,显示如下图,所属地区的combobox正常显示。
从树菜单再次点击“码号管理”,进入管理界面,点击上面的“查询码号”,显示如下:这是为什么呢???
代码如下:
function queryCodeNumber(){ if(!queryCodeNumberWin){ queryCodeNumberFormPanel = new Ext.form.FormPanel({ autoScroll : true, region : 'center', width : 600, border : false, autoWidth:false, xtype:'form', frame:true, labelWidth: 80, layout:'form', items:[ { xtype:'fieldset', layout : 'column', width : 600, autoHeight: true, title : '码号信息查询条件', items:[{ layout : 'form', labelAlign: 'left', columnWidth : .5, items : [ new Ext.form.TextField({ name:'code', fieldLabel:'码号', value:'', anchor:'90%' }), new Ext.form.ClearableComboBox({ name:'areacode', fieldLabel:'所属区域', id:'areaCodeForQuery', anchor:'90%', minChars : 0, store : userAreaDS, valueField : 'code', displayField : 'name', triggerAction : 'all', mode : 'local', emptyText : '选择所属区域…', loadingText : '正在加载用户区域…' }), new Ext.form.ClearableComboBox({ name : 'status', store : statusStore, valueField : 'value', displayField : 'description', editable : false, mode : 'remote', triggerAction : 'all', fieldLabel : '状态', emptyText : '状态的选择...', anchor : '90%' }) ] }, { layout : 'form', labelAlign: 'left', columnWidth : .5, items : [ new Ext.form.ClearableComboBox({ name : 'cooperationmodel', store : cooperationModelStore, valueField : 'value', displayField : 'description', editable : false, mode : 'remote', triggerAction : 'all', fieldLabel : '合作模式', emptyText : '选择合作模式...', anchor : '90%' }), new Ext.form.ClearableComboBox({ name : 'servicetype', store : serviceTypeStore, valueField : 'value', displayField : 'description', editable : false, mode : 'remote', triggerAction : 'all', fieldLabel : '业务类型', emptyText : '选择业务类型...', anchor : '90%' }) ] } ] }], buttons:[ { xtype:'button', text:'提交', handler:function(){ queryCodeNumberWin.hide(); codeNumberStore.load({params:{start:0, limit:15}}); } }, { xtype:'button', text:'关闭', handler:function(){ queryCodeNumberWin.hide(); } } ] }); queryCodeNumberWin = new Ext.Window({ layout : 'border', title : '码号查询', width : 650, height : 250, modal : true, closable:true, closeAction:'hide', items : [queryCodeNumberFormPanel] }); } serviceTypeStore.load(); statusStore.load(); cooperationModelStore.load(); if (areaLevel == 2) { queryCodeNumberWin.findById('areaCodeForQuery').getStore().load(); queryCodeNumberWin.findById('areaCodeForQuery').getStore().on('load', function() { queryCodeNumberWin.findById('areaCodeForQuery').setValue(areaCode); }); queryCodeNumberWin.findById('areaCodeForQuery').disable(); } queryCodeNumberWin.show(); }
相关推荐
在ExtJS 3.4.0版本中,多选下拉框(Multiselect Combobox)是一种常见的用户界面组件,用于提供多个选项供用户选择。这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到...
1. Combobox:ExtJS中的Combobox是FormPanel的一个字段,它结合了文本输入框和下拉列表,提供了一种选择或输入数据的方式。 2. 二级联动:指两个或多个Combobox之间存在依赖关系,当一个Combobox的值改变时,另一个...
多选下拉框在EXT JS中通常通过`Ext.form.CheckboxGroup`或`Ext.form.RadioGroup`类来实现,但在EXT3.2中,实现多选下拉框功能通常会使用`Ext.form.FieldSet`或`Ext.form.ComboBox`的自定义扩展。这类组件提供了复选...
三、Render:渲染是Ext 3.0中的一个重要概念,它涉及到组件如何在页面上显示。Renderable是可渲染对象的基础接口,包括所有的组件和布局。Render过程涉及创建DOM元素、应用样式和绑定事件。Ext提供了一系列的...
1. **Ext FormPanel**: FormPanel是Ext中的一个组件,用于展示和处理表单数据。它包含了一系列的Field组件,如TextField、ComboBox、FileField等。在文件上传场景中,我们需要配置FormPanel以支持文件提交,这通常...
7. `hidden`:`Ext.form.Hidden`是隐藏字段,用于存储不显示在表单界面中的数据。 8. `htmleditor`:`Ext.form.HtmlEditor`是一个富文本编辑器,用户可以编辑HTML内容,包括字体、颜色、图片等。 9. `numberfield`...
在这个例子中,我们看到了EXT框架中的`onReady`函数,`SimpleStore`类,以及`ComboBox`组件的应用。 ### 2. 函数定义与调用 代码中定义了两个主要的函数:`getEmployeeByDep`和`callBusiness`(该函数实际并未在给...
FormPanel可以嵌入各种Field组件,如TextField、ComboBox、DatePicker等,配合Validator进行数据校验,确保数据的完整性和准确性。 此外,TreePanel实例则展示了EXT.NET在构建层次结构数据展示方面的强大能力。...
ExtJS ComboBox级联是一种在Web应用中常见的交互方式,它允许用户从下拉列表中选择一个值,并且这个选择会影响到另一个ComboBox的选择项,通常用于表示层级关系的数据,比如省份-城市-区县。这种功能在数据筛选、...
- **子类**: 如Window窗口、FormPanel等。 12. **表单组件** - **表单布局**: 定义表单的布局结构。 - **表单初始化**: 设置表单的初始状态。 13. **表格组件——GridPanel** - **表格面板**: 一种高级的表格...
`ComboBox`是Ext框架中用于显示列表的组件,用户可以选择列表中的某个条目。`ComboBox`有一个`name`属性,用于存放显示变量名称,该属性中保存的是选中行的显示值。通过合理配置这些属性,可以实现丰富的下拉列表...
在Ext2.0中,这些控件都可以方便地添加到FormPanel中,例如: ```javascript items: [ {xtype: 'textfield', fieldLabel: '姓名'}, {xtype: 'passwordfield', fieldLabel: '密码'}, {xtype: 'combobox', ...
**2.16 Form Panel (Ext.FormPanel)** - **xtype**: `form` - **功能描述**:Form Panel 是一个包含表单字段的面板。 - **主要用途**:用于创建和管理表单,支持数据验证和提交。 **2.17 Checkbox (Ext.form....
EXT JS中的表单是其强大功能的一部分,提供了多种表单控件,如TextField、TextArea、DateField、TimeField、HtmlEditor、ComboBox、Checkbox和Radio。以创建一个简单的表单为例,可以使用FormPanel来组织这些控件: ...
3. **创建UI组件**:使用gwt-ext库创建各种组件,如Grid、FormPanel、ComboBox等,并了解它们的属性、方法和事件处理。 4. **布局管理**:学习gwt-ext提供的布局管理器,如FitLayout、BorderLayout、ColumnLayout,...
EXT提供了丰富的组件库,例如`GridPanel`用于数据展示,`FormPanel`用于数据输入,`TabPanel`实现多标签页,`Window`用于弹出对话框,`Toolbar`提供操作按钮,`TreePanel`展示层次结构数据,以及各种小部件如`...
1. **表单(FormPanel)**:这是Ext 2.0中的核心表单组件,它是一个容器,可以包含各种表单字段和其他组件。FormPanel提供了数据提交、验证、加载和保存的功能。 2. **表单字段(Form Fields)**:包括文本字段...
在学生管理系统中,我们可以使用GridPanel显示学生列表,FormPanel用于添加或修改学生信息,ComboBox可以用于选择年级或专业。 2. **JSP页面和服务器端逻辑** 在JSP页面中,我们通常使用Java脚本let()或者脚本...
GridPanel是EXT中的核心组件,用于显示和操作表格数据。它可以动态加载数据,支持排序、分页、过滤、编辑等功能。EXT的网格还支持行选择、列隐藏、自定义列渲染和事件监听。 4. **日期框(DateField)**: ...