tft每日頭條

 > 科技

 > Extjs6經典版combo下拉框數據的使用及動态傳參

Extjs6經典版combo下拉框數據的使用及動态傳參

科技 更新时间:2024-07-27 01:31:52

Extjs6經典版combo下拉框數據的使用及動态傳參?Extjs的下拉框,在點擊的時候會請求一次數據,我們可不可以在點擊前就請求好數據,讓用戶體驗更好呢?答案當然是肯定的如果是公用的下拉框還可以傳入不同參數請求不同數據,下面我們就來聊聊關于Extjs6經典版combo下拉框數據的使用及動态傳參?接下來我們就一起去了解一下吧!

Extjs6經典版combo下拉框數據的使用及動态傳參(Extjs6經典版combo下拉框數據的使用及動态傳參)1

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

好啦,這就是今天分享的一個小的優化方法,希望能幫到你!如果不太懂可以留言給我,我會第一時間回複!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved