成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

一個(gè)App完成入門篇（六）- 完成通訊錄頁面

cheukyin / 876人閱讀

摘要：我們定義一個(gè)類的數(shù)據(jù)源組件，并向其中添加本地通訊錄中讀取出來的數(shù)據(jù)，因?yàn)楸容^特殊，數(shù)據(jù)源中每項(xiàng)的第一個(gè)元素為索引組的數(shù)據(jù)，點(diǎn)擊該條數(shù)據(jù)無法觸發(fā)和事件。自定義模塊這里想要導(dǎo)入自定義的庫，獲取通訊錄的聯(lián)系人的首字母拼音。

第五章和第六章間隔時(shí)間有點(diǎn)長，對不起大家了。下面繼續(xù)。

本節(jié)教程將要教會大家如何加載本地通訊錄。

導(dǎo)入項(xiàng)目
導(dǎo)入通訊錄
自定義js模塊
發(fā)送和訂閱page消息
將要學(xué)習(xí)的demo效果圖如下所示

導(dǎo)入完整項(xiàng)目

本節(jié)示例demo請參考下載地址，可以導(dǎo)入到設(shè)計(jì)器中學(xué)習(xí)。

這節(jié)教程中將要用到的組件有do_Contect、do_IndexListView，請大家前幾節(jié)教程所教授的方法，提前添加這兩個(gè)組件，并打成相應(yīng)調(diào)試包用于調(diào)試。

導(dǎo)入通訊錄
DeviceOne開發(fā)的do_Contact組件是針對手機(jī)本地通訊錄的增刪查改提供相應(yīng)功能的一個(gè)組件，而do_IndexListView是一個(gè)右邊帶索引的ListView組件，通過索引能快速定位到該索引下首條數(shù)據(jù)，常被用于類似通訊錄和歌曲列表等功能中。

所以想要在App中模擬手機(jī)通訊錄功能，只需簡單地將本地通訊錄里的數(shù)據(jù)讀取出來并將這些數(shù)據(jù)綁定給IndexListView中展示即可。

先給do_IndexListView定義一個(gè)模板頁addressCell.ui，在addressCell.ui.js中定義好數(shù)據(jù)映射，再將do_IndexListView的template屬性指向addressCell.ui的地址，這樣ViewModel就定義好了。

接下來再準(zhǔn)備數(shù)據(jù)module。我們定義一個(gè)MM類的數(shù)據(jù)源組件do_HashData，并向其中添加本地通訊錄中讀取出來的數(shù)據(jù)，因?yàn)閐o_IndexListView比較特殊，數(shù)據(jù)源中每項(xiàng)value的第一個(gè)元素為索引組的數(shù)據(jù)，點(diǎn)擊該條數(shù)據(jù)無法觸發(fā)touch和longTouch事件。

自定義js模塊
這里想要導(dǎo)入自定義的js庫，獲取通訊錄的聯(lián)系人的首字母拼音。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/79305.html

相關(guān)文章

  • 一個(gè)App完成入門篇（六）- 完成通訊錄頁面

    摘要：我們定義一個(gè)類的數(shù)據(jù)源組件，并向其中添加本地通訊錄中讀取出來的數(shù)據(jù)，因?yàn)楸容^特殊，數(shù)據(jù)源中每項(xiàng)的第一個(gè)元素為索引組的數(shù)據(jù)，點(diǎn)擊該條數(shù)據(jù)無法觸發(fā)和事件。自定義模塊這里想要導(dǎo)入自定義的庫，獲取通訊錄的聯(lián)系人的首字母拼音。 第五章和第六章間隔時(shí)間有點(diǎn)長，對不起大家了。下面繼續(xù)。 本節(jié)教程將要教會大家如何加載本地通訊錄。 導(dǎo)入項(xiàng)目導(dǎo)入通訊錄自定義js模塊發(fā)送和訂閱page消息將要學(xué)習(xí)的demo...

    AbnerMing 評論0 收藏0

  • 一個(gè)App完成入門篇（三）-完善主框架

    摘要：本節(jié)教程將繼續(xù)帶領(lǐng)大家完善教學(xué)導(dǎo)入項(xiàng)目完善主框架完成子視圖打開新頁啟動(dòng)動(dòng)畫將要學(xué)習(xí)的效果圖如下所示如何導(dǎo)入完整項(xiàng)目本節(jié)示例請參考下載地址，可以導(dǎo)入到設(shè)計(jì)器中學(xué)習(xí)。完成子視圖接下來我們來完成需要展示的子視圖。 本節(jié)教程將繼續(xù)帶領(lǐng)大家完善教學(xué)demo 導(dǎo)入項(xiàng)目完善主框架完成viewShower子視圖打開新頁啟動(dòng)動(dòng)畫將要學(xué)習(xí)的demo效果圖如下所示showImg(https://segmen...

    DobbyKim 評論0 收藏0

  • 一個(gè)App完成入門篇（三）-完善主框架

    摘要：本節(jié)教程將繼續(xù)帶領(lǐng)大家完善教學(xué)導(dǎo)入項(xiàng)目完善主框架完成子視圖打開新頁啟動(dòng)動(dòng)畫將要學(xué)習(xí)的效果圖如下所示如何導(dǎo)入完整項(xiàng)目本節(jié)示例請參考下載地址，可以導(dǎo)入到設(shè)計(jì)器中學(xué)習(xí)。完成子視圖接下來我們來完成需要展示的子視圖。 本節(jié)教程將繼續(xù)帶領(lǐng)大家完善教學(xué)demo 導(dǎo)入項(xiàng)目完善主框架完成viewShower子視圖打開新頁啟動(dòng)動(dòng)畫將要學(xué)習(xí)的demo效果圖如下所示showImg(https://segmen...

    wizChen 評論0 收藏0

  • 微信小程序初體驗(yàn)，入門練手項(xiàng)目--通訊錄，后臺是阿里云服務(wù)器

    摘要：最近微信小程序異?；鸨芏嗳嗽趯W(xué)習(xí)，下面帶著大家搭建下微信小程序的調(diào)試環(huán)境，并調(diào)試入門練手項(xiàng)目通訊錄和基礎(chǔ)即可微信推薦使用的語言，去菜鳥教程簡單學(xué)習(xí)下，，，即可，方便大家學(xué)習(xí)。 一、前言（坑爹的玩意） 項(xiàng)目源碼：https://github.com/saucxs/wx_... 微信小程序自從2017年，被各種看好，不過一段時(shí)間過去了還是反響平平，下半年隨著各項(xiàng)功能的開放，很多企業(yè)...

    kel 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<