extjs Combobox动态加载数据问题,mode:local 还是remote


var fabircTypeDs = new Ext.data.Store({  
        proxy: new Ext.data.HttpProxy({  
            url: 'province.do'  
        }),  
        reader: new Ext.data.JsonReader({},['pname','pid']),  
        remoteSort: false  
     });  
     fabircTypeDs.load();  
  
 formPanel = new Ext.form.FormPanel({            
                bodyStyle:'padding-top:6px;',//设置控件边类型            
                defaultType:'textfield',//FormPanel内元素默认类型             
                labelAlign:'right',//设置控件的标题对齐方式  
                labelWidth:55,// 指定标签的默认长度  
                labelPad:0,// 标签与字段录入框之间的空白  
                frame:true,//设置控件边角圆弧过度        
                defaults:{//FormPanel默认设置  
                    allowBlank:true,  
                    width:158  
                },             
                items:[  
                    new Ext.form.ComboBox({  
                        name:'provincename',  
                        fieldLabel:'省份',  
                        store:fabircTypeDs,  
                        blankText:'全部',
                        mode:'remote', 
                        editable:false,  
                        selectOnFocus:true  
                    }),

上面代码还要指定displayField:"name",valueField:"id"

fabircTypeDs.load(); 表示打开页面时就将数据取到本地,这样下拉列表时就不需要取去服务器取数据,如果要没加上这一句的话,去下拉那个列表时就会动态去服务器取数据,所以它会显示一下'loading...',这样就明白为什么要设置mode了。

mode:'remote'指的是要动态去服务器端拿数据,这样就不能加fabircTypeDs.load(),

而mode:'local'是取本地数据的也就是javascirpt(内存)中的数据,可以指定store的autoLoad:true,如下:

var family_relation_store = new Ext.data.JsonStore({
                    autoDestroy: true,
                    autoLoad: true,
                    root: 'Table',
                    totalProperty: 'totalCount',
                    proxy: new Ext.data.HttpProxy({ url: '../Appointment/FamilyRelationList' }),
                    fields: ['familyrelationtypeid', 'displayName']
                });




  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值