当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Extjs6 经典版 combo下拉框数据的使用及动态传参

Extjs6 经典版 combo下拉框数据的使用及动态传参

2019年06月19日  | 移动技术网IT编程  | 我要评论

extjs的下拉框，在点击的时候会请求一次数据，我们可不可以在点击前就请求好数据，让用户体验更好呢？答案当然是肯定的。如果是公用的下拉框还可以传入不同参数请求不同数据。

 

第一步：

　　进入页面前首先加载store数据，可以根据不同参数请求不同数据，当然这个请求是跟后台交互的。

　　ext.getstore('startteamstore').load({params:{id:parm.data.id}})
第二步：
　　下拉框的绑定stroe,并且设置querymode:'local'使用本地数据，因为进入页面就已经把数据加载好了，所以这里可以使用本地数据。
 1 {
 2           xtype: 'combo',
 3           fieldlabel: '选择组号',
 4           name: 'planno',
 5           emptytext: '选填',
 6           querymode:'local', // 设置成使用本地数据12           bind:{
13             store: 'startteamstore',
14           },
15           valuefield: 'planno',
16           displayfield: 'planno', // 展示的名称
17           editable: false, // 是否允许用户自己填写内容
18           tpl: ext.create('ext.xtemplate',
19             '<tpl for=".">',
20             '<div class="x-boundlist-item" style="height:33px">{planno}</div>',
21             '</tpl>'
22           )
23         },

好啦，这就是今天分享的一个小的优化方法，希望能帮到你！如果不太懂可以留言给我，我会第一时间回复！

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网