摘要:我們定義一個類的數據源組件,并向其中添加本地通訊錄中讀取出來的數據,因為比較特殊,數據源中每項的第一個元素為索引組的數據,點擊該條數據無法觸發和事件。自定義模塊這里想要導入自定義的庫,獲取通訊錄的聯系人的首字母拼音。
第五章和第六章間隔時間有點長,對不起大家了。下面繼續。
本節教程將要教會大家如何加載本地通訊錄。
導入項目
導入通訊錄
自定義js模塊
發送和訂閱page消息
將要學習的demo效果圖如下所示
導入完整項目
本節示例demo請參考下載地址,可以導入到設計器中學習。
這節教程中將要用到的組件有do_Contect、do_IndexListView,請大家前幾節教程所教授的方法,提前添加這兩個組件,并打成相應調試包用于調試。
導入通訊錄
DeviceOne開發的do_Contact組件是針對手機本地通訊錄的增刪查改提供相應功能的一個組件,而do_IndexListView是一個右邊帶索引的ListView組件,通過索引能快速定位到該索引下首條數據,常被用于類似通訊錄和歌曲列表等功能中。
所以想要在App中模擬手機通訊錄功能,只需簡單地將本地通訊錄里的數據讀取出來并將這些數據綁定給IndexListView中展示即可。
先給do_IndexListView定義一個模板頁addressCell.ui,在addressCell.ui.js中定義好數據映射,再將do_IndexListView的template屬性指向addressCell.ui的地址,這樣ViewModel就定義好了。
接下來再準備數據module。我們定義一個MM類的數據源組件do_HashData,并向其中添加本地通訊錄中讀取出來的數據,因為do_IndexListView比較特殊,數據源中每項value的第一個元素為索引組的數據,點擊該條數據無法觸發touch和longTouch事件。
自定義js模塊
這里想要導入自定義的js庫,獲取通訊錄的聯系人的首字母拼音。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/54310.html
摘要:我們定義一個類的數據源組件,并向其中添加本地通訊錄中讀取出來的數據,因為比較特殊,數據源中每項的第一個元素為索引組的數據,點擊該條數據無法觸發和事件。自定義模塊這里想要導入自定義的庫,獲取通訊錄的聯系人的首字母拼音。 第五章和第六章間隔時間有點長,對不起大家了。下面繼續。 本節教程將要教會大家如何加載本地通訊錄。 導入項目導入通訊錄自定義js模塊發送和訂閱page消息將要學習的demo...
摘要:本節教程將繼續帶領大家完善教學導入項目完善主框架完成子視圖打開新頁啟動動畫將要學習的效果圖如下所示如何導入完整項目本節示例請參考下載地址,可以導入到設計器中學習。完成子視圖接下來我們來完成需要展示的子視圖。 本節教程將繼續帶領大家完善教學demo 導入項目完善主框架完成viewShower子視圖打開新頁啟動動畫將要學習的demo效果圖如下所示showImg(https://segmen...
摘要:本節教程將繼續帶領大家完善教學導入項目完善主框架完成子視圖打開新頁啟動動畫將要學習的效果圖如下所示如何導入完整項目本節示例請參考下載地址,可以導入到設計器中學習。完成子視圖接下來我們來完成需要展示的子視圖。 本節教程將繼續帶領大家完善教學demo 導入項目完善主框架完成viewShower子視圖打開新頁啟動動畫將要學習的demo效果圖如下所示showImg(https://segmen...
摘要:最近微信小程序異常火爆,很多人在學習,下面帶著大家搭建下微信小程序的調試環境,并調試入門練手項目通訊錄和基礎即可微信推薦使用的語言,去菜鳥教程簡單學習下,,,即可,方便大家學習。 一、前言(坑爹的玩意) 項目源碼:https://github.com/saucxs/wx_... 微信小程序自從2017年,被各種看好,不過一段時間過去了還是反響平平,下半年隨著各項功能的開放,很多企業...
閱讀 2269·2021-10-09 09:41
閱讀 3417·2021-09-13 10:34
閱讀 1927·2019-08-30 12:59
閱讀 564·2019-08-29 17:27
閱讀 1067·2019-08-29 16:07
閱讀 2960·2019-08-29 13:15
閱讀 1312·2019-08-29 13:14
閱讀 1569·2019-08-26 12:18