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