Extjs6 经典版 combo下拉框数据的使用及动态传参
Extjs6 经典版 combo下拉框数据的使用及动态传参
—恢复内容开始—
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 },
好啦，这就是今天分享的一个小的优化方法，希望能帮到你！如果不太懂可以留言给我，我会第一时间回复！
—恢复内容结束—
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 },
好啦，这就是今天分享的一个小的优化方法，希望能帮到你！如果不太懂可以留言给我，我会第一时间回复！
版权声明：本文为-kuige原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。