1. 程式人生 > >小程式動態資料三級聯動

小程式動態資料三級聯動

小程式三級元件picker  ,後臺要維護這些資料,使用的是動態資料


三級選擇器,使用的是多列選擇,設定 mode = multiSelector  ,主要把我們的資料放入range中,range是一個二維陣列

既然我們做的是三級聯動,按二維陣列格式[[a,b],[a,b],[]]填入資料即可。因為每個人程式碼寫法不同,主要分享思路

後臺直接給的是一個數組物件資料,每個物件資料都有id和key,第一級資料的所有key為零, 資料對應為一級的id對應二級的key,以此二級id對應三級key,


1.思路就比較清楚了,先onLoad事件一級資料填入和二三級對應的初始

資料

根據迴圈判斷來獲得

2.主要通過滾動bindchange事件來新增二級和三級資料,滾動的時我們定義一個index陣列[0,0,0]放入value來定義滾動時得狀態,通過事件e來獲取狀態。我們就能知道滾動到那個資料,事件e.detail.column 能知道滾動幾級,使用bindcolumnchange事件是確定後做的邏輯

3.每次滾動完成及時更新index陣列,滾動時獲得資料程式碼,基本類似第一次迴圈判斷來獲得,大家有更簡潔的實現方法,可以分享