Extjs的下拉框,在点击的时候会请求一次数据,我们可不可以在点击前就请求好数据,让用户体验更好呢?答案当然是肯定的如果是公用的下拉框还可以传入不同参数请求不同数据,下面我们就来聊聊关于Extjs6经典版combo下拉框数据的使用及动态传参?接下来我们就一起去了解一下吧!

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

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

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

第一步:

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

Ext.getStore('startteamstore').load({params:{id:parm.data.id}})

第二步:

下拉框的绑定stroe,并且设置queryMode:'local'使用本地数据,因为进入页面就已经把数据加载好了,所以这里可以使用本地数据。

{ xtype: 'combo', fieldLabel: '选择组号', name: 'planNo', emptyText: '选填', queryMode:'local', }, bind:{ store: 'startteamstore', }, valueField: 'planNo', displayField: 'planNo', // 展示的名称 editable: false, // 是否允许用户自己填写内容 tpl: Ext.create('Ext.XTemplate', '<tpl for=".">', '<div class="x-boundlist-item" style="height:33px">{planNo}</div>', '</tpl>' ) },

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

,