Flex List元件多選的操作

2021-08-25 07:20:11 字數 586 閱讀 2684

這次我來說明一下list元件的使用,主要是當multipleselection的屬性設為"true"的時候的技巧。 

1.選擇了多項條目後資料的讀取,關鍵**如下:

function getselecteditems()

mx.controls.alert.show( xml.tostring() , 'message');

}state是list元件的 id,在list元件裡如果允許多選,那麼被選定的那些條目會被存放在元件的selecteditems屬性裡,該屬性是object乙個陣列,每個元素的data屬性對應該條目的值,後面的**就是為了把結果顯示出來而已,不解釋了。

2.根據後台發來的資料決定選項是否是選定狀態,關鍵**如下:

}state.selectedindices = selecteditems;

}lenth屬性儲存了list 元件裡資料條目的總數,迴圈使用getitemat()方法遍歷所有條目(這裡假設後台發來的資料如果值是"al"或者"ak"則設定為選定狀態),如果值相等,則將該條目在list元件裡的索引號儲存到乙個陣列裡面,最後將這個型別為陣列的臨時變數的值賦給list元件的selectedindices 屬性,操作完成

HTML多選操作的實現

最近寫了乙個工作室隨機出人為某部門幹活的小demo 處理的過程中也學到了乙個新技能 多選操作,主要是前端的實現 這裡就簡單記錄一下 不過學長說我的 耦合性太強,不宜於維護.再加油吧 首先是思路,構造思路往往比寫 更佔據時間 我首先想到的是那種點選之後可以切換css屬性的前端樣式 然後就是切換的時候記...

vue封裝Checkbox多選框元件

普通多選框列表 v model value getdata getinfo options options 您選中的是 p 有禁用選項的多選框列表 v model value1 getdata getttinfo options options1 您選中的是 p 有選中禁用的多選框列表 v mode...

vue元件 支援單選或者多選

之前做了乙個單頁面的單選和多選,這裡我整理了一下,封裝成元件,能夠同時支援單選和多選。我這裡的 是在vue腳手架 vue cli 上開發完成的,搭建方法這裡就不細說了。這個元件的名字呢命為 option.vue option.vue html css ul,li chooser chooser li...