设为首页 加入收藏

TOP

Extjs6 经典版 combo下拉框数据的使用及动态传参
2019-09-17 18:48:28 】 浏览:20
Tags: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         },

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

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Ext.id 下一篇初学node.js-nodejs中实现用户登..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目