EXTJS COMBOX加载本地Store与远程Store实例.

  COMBOX的基本用法可能比较入门级一些.为了方便学习的朋友.与方便自己以后用拷贝方便...顺便记录下来了.

本地Store:

                             {
                                        xtype: 'combobox',
                                        fieldLabel: '展示频道',
                                        store : new Ext.data.SimpleStore({
                                              fields : [ 'GroupId', 'GroupName' ],
                                              data : [ [ 64, '【首页】' ], [ 128, '【玄幻奇幻】 ' ], [ 256, '【仙侠武侠】' ] ] 
                                         }),
                                        anchor: '100%',
                                        id: 'bombox1',
                                        editable : false,
                                        mode : 'local',
                                        value : news.GroupId,
                                        triggerAction : 'all',
                                        valueField : 'GroupId',
                                        displayField : 'GroupName',
                                        forceSelection : true,
                                        name: 'GroupId'
                               }

 

 

远程Store

   var periodStore = Ext.create('Ext.data.Store', {
            id:'periodStore',
            model: 'HXSW.BPM.Website.Model.PeriodModel',
            proxy: {
                type: 'ajax',
                url: '/Period/GetAll'
            }
        });

                              {                                                   
                                        xtype: 'combobox',
                                        fieldLabel: '榜期',
                                        store:periodStore,
                                        typeAhead: true,
                                        displayField:'StingTime',
                                        valueField:'StingTime',
                                        forceSelection: true,
                                        triggerAction: 'all',
                                        emptyText:'---请选择---',
                                        selectOnFocus:true, 
                                        allowBlank: false,
                                        id:'PublishName',
                                        name:'PublishTime',
                                        anchor:'98%',
                                        listeners:{
                                            select:function(){
                                            var me=this;
                                            var paras= me.getValue();
                                            recommentEditorStore.proxy.extraParams.bookname=paras;
                                            recommentEditorStore.load();
                                          }
                                        }                                              
                                    }