+ -
当前位置:首页 → 问答吧 → ext的combo级联操作

ext的combo级联操作

时间:2011-08-17

来源:互联网

JScript code
{
                                xtype:"combo",
                                triggerAction:"all",
                                fieldLabel:"学期",
                                name:'jiaoXueTiaoKeInfo.xueQi',
                                id:'jiaoXueTiaoKeInfo.xueQi',
                                displayField:'termName',
                                valueField:'termName', 
                                lazyRender : true, 
                                mode: 'local', 
                                allowBlank : false, 
                                emptyText:'请选择...', 
                                forceSelection: true,//必须选择一个选项
                                blankText:'请选择...',//该项如果没有选择,则提示错误信息   
                                store:termStore,
                                listeners:{   
                                        select:function(combo, record, index){ 
                                        alert('1');                                Ext.getCmp('jiaoXueTiaoKeInfoclassNameA').clearValue();                            Ext.getCmp('jiaoXueTiaoKeInfocourseAName').clearValue();
alert('2');                                       
                                        classNameStoreA.reload();                                    
                                        }},          
                                anchor:"100%"
                            },xtype:"combo",
                                triggerAction:"all",
                                fieldLabel:"调课班级",
                                name:'jiaoXueTiaoKeInfoclassNameA',
                                id:'jiaoXueTiaoKeInfoclassNameA',
                                displayField:'className',
                                valueField:'className', 
                                lazyRender : true, 
                                mode: 'local', 
                                allowBlank : false, 
                                emptyText:'请选择...', 
                                forceSelection: true,//必须选择一个选项
                                blankText:'请选择...',//该项如果没有选择,则提示错误信息   
                                store:classNameStoreA,
                                listeners:{   
                                        select:function(combo, record, index){  
                                        tiaoKeForm.form.items.get("jiaoXueTiaoKeInfo.classIdA").setValue(record.get("classId")); 
                                        courseNameStoreA.reload();                                    
                                        }},             
                                anchor:"100%"},
                            {
                                xtype:"combo",
                                triggerAction:"all",
                                fieldLabel:"调课课程",
                                name:'jiaoXueTiaoKeInfocourseAName',
                                id:'jiaoXueTiaoKeInfocourseAName',
                                displayField:'courseName',
                                valueField:'courseName', 
                                lazyRender : true, 
                                mode: 'local', 
                                allowBlank : false, 
                                emptyText:'请选择...', 
                                forceSelection: true,//必须选择一个选项
                                blankText:'请选择...',//该项如果没有选择,则提示错误信息   
                                store:courseNameStoreA,
                                listeners:{   
                                        select:function(combo, record, index){ 
                                        tiaoKeForm.form.items.get("jiaoXueTiaoKeInfo.courseIdA").setValue(record.get("courseId"));  
                                        tiaoKeForm.form.items.get("jiaoXueTiaoKeInfo.renwushuZiYuanIdA").setValue(record.get("renwushuZiYuanId"));
                                        }},             
                                anchor:"100%"
                            },




我需要做的是如果改变学期,清空调课班级和调课课程,alert里面的内容都是能显示出来的,就是不能清空两个combo里面的value,求助各位大虾。

作者: kaavieyang   发布时间: 2011-08-17

因为你的那两个combobox都有默认值--“请选择” 
所以Ext.getCmp('combobox的id').setValue("") 或reset()就可以达到清空的效果

作者: fanchuanzhidu   发布时间: 2011-08-17