0 0

Ext FormPanel中的Comobox不显示5

登录系统,从树菜单点击“码号管理”,进入管理界面,点击查询码号,显示如下图,所属地区的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();
        }

 
 


问题补充:我个人觉得再次从树形菜单点击“码号管理”,再去点按钮“查询码号”会重新创建窗体和formpanel,这时因为combobox的已经有id了,所以不显示。但是解决方案是什么呢?
2013年12月05日 15:41
  • 大小: 13.1 KB
  • 大小: 10.2 KB

2个答案 按时间排序 按投票排序

0 0

这个问题一般是ID重复,你可以重新命名另外一个名称看看

2013年12月06日 16:15
0 0

所属地区这个field的id是不是和其他地方某个重复了

2013年12月05日 18:12

相关推荐

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    在ExtJS 3.4.0版本中,多选下拉框(Multiselect Combobox)是一种常见的用户界面组件,用于提供多个选项供用户选择。这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到...

    ExtJS Combobox二级联动列子

    1. Combobox:ExtJS中的Combobox是FormPanel的一个字段,它结合了文本输入框和下拉列表,提供了一种选择或输入数据的方式。 2. 二级联动:指两个或多个Combobox之间存在依赖关系,当一个Combobox的值改变时,另一个...

    EXT3.2 多选下拉框

    多选下拉框在EXT JS中通常通过`Ext.form.CheckboxGroup`或`Ext.form.RadioGroup`类来实现,但在EXT3.2中,实现多选下拉框功能通常会使用`Ext.form.FieldSet`或`Ext.form.ComboBox`的自定义扩展。这类组件提供了复选...

    Ext 3.0 中文文档.zip

    三、Render:渲染是Ext 3.0中的一个重要概念,它涉及到组件如何在页面上显示。Renderable是可渲染对象的基础接口,包括所有的组件和布局。Render过程涉及创建DOM元素、应用样式和绑定事件。Ext提供了一系列的...

    Ext上传文件 Demo

    1. **Ext FormPanel**: FormPanel是Ext中的一个组件,用于展示和处理表单数据。它包含了一系列的Field组件,如TextField、ComboBox、FileField等。在文件上传场景中,我们需要配置FormPanel以支持文件提交,这通常...

    EXT.form组件

    7. `hidden`:`Ext.form.Hidden`是隐藏字段,用于存储不显示在表单界面中的数据。 8. `htmleditor`:`Ext.form.HtmlEditor`是一个富文本编辑器,用户可以编辑HTML内容,包括字体、颜色、图片等。 9. `numberfield`...

    EXT的用法

    在这个例子中,我们看到了EXT框架中的`onReady`函数,`SimpleStore`类,以及`ComboBox`组件的应用。 ### 2. 函数定义与调用 代码中定义了两个主要的函数:`getEmployeeByDep`和`callBusiness`(该函数实际并未在给...

    examples.ext.net-5.zip

    FormPanel可以嵌入各种Field组件,如TextField、ComboBox、DatePicker等,配合Validator进行数据校验,确保数据的完整性和准确性。 此外,TreePanel实例则展示了EXT.NET在构建层次结构数据展示方面的强大能力。...

    extJs ComboBox级联

    ExtJS ComboBox级联是一种在Web应用中常见的交互方式,它允许用户从下拉列表中选择一个值,并且这个选择会影响到另一个ComboBox的选择项,通常用于表示层级关系的数据,比如省份-城市-区县。这种功能在数据筛选、...

    Ext-JS框架中文文档

    - **子类**: 如Window窗口、FormPanel等。 12. **表单组件** - **表单布局**: 定义表单的布局结构。 - **表单初始化**: 设置表单的初始状态。 13. **表格组件——GridPanel** - **表格面板**: 一种高级的表格...

    Ext与后台数据库交互

    `ComboBox`是Ext框架中用于显示列表的组件,用户可以选择列表中的某个条目。`ComboBox`有一个`name`属性,用于存放显示变量名称,该属性中保存的是选中行的显示值。通过合理配置这些属性,可以实现丰富的下拉列表...

    Ext2.0 form使用实例

    在Ext2.0中,这些控件都可以方便地添加到FormPanel中,例如: ```javascript items: [ {xtype: 'textfield', fieldLabel: '姓名'}, {xtype: 'passwordfield', fieldLabel: '密码'}, {xtype: 'combobox', ...

    Ext组件描述,各个组件含义

    **2.16 Form Panel (Ext.FormPanel)** - **xtype**: `form` - **功能描述**:Form Panel 是一个包含表单字段的面板。 - **主要用途**:用于创建和管理表单,支持数据验证和提交。 **2.17 Checkbox (Ext.form....

    EXT 完美教程

    EXT JS中的表单是其强大功能的一部分,提供了多种表单控件,如TextField、TextArea、DateField、TimeField、HtmlEditor、ComboBox、Checkbox和Radio。以创建一个简单的表单为例,可以使用FormPanel来组织这些控件: ...

    gwt-ext 实例

    3. **创建UI组件**:使用gwt-ext库创建各种组件,如Grid、FormPanel、ComboBox等,并了解它们的属性、方法和事件处理。 4. **布局管理**:学习gwt-ext提供的布局管理器,如FitLayout、BorderLayout、ColumnLayout,...

    EXT例子,可以直接跑

    EXT提供了丰富的组件库,例如`GridPanel`用于数据展示,`FormPanel`用于数据输入,`TabPanel`实现多标签页,`Window`用于弹出对话框,`Toolbar`提供操作按钮,`TreePanel`展示层次结构数据,以及各种小部件如`...

    Ext2.0 form使用实例的例程

    1. **表单(FormPanel)**:这是Ext 2.0中的核心表单组件,它是一个容器,可以包含各种表单字段和其他组件。FormPanel提供了数据提交、验证、加载和保存的功能。 2. **表单字段(Form Fields)**:包括文本字段...

    简单ext jsp数据库操作例子

    在学生管理系统中,我们可以使用GridPanel显示学生列表,FormPanel用于添加或修改学生信息,ComboBox可以用于选择年级或专业。 2. **JSP页面和服务器端逻辑** 在JSP页面中,我们通常使用Java脚本let()或者脚本...

    ext简单例子

    GridPanel是EXT中的核心组件,用于显示和操作表格数据。它可以动态加载数据,支持排序、分页、过滤、编辑等功能。EXT的网格还支持行选择、列隐藏、自定义列渲染和事件监听。 4. **日期框(DateField)**: ...

Global site tag (gtag.js) - Google Analytics