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',

            '',

            '

{planNo}
',

            ''

          )

        },

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

你可能感兴趣的:(Extjs6 经典版 combo下拉框数据的使用及动态传参)