MUI联系人源码 MUI获取手机中的联系人项目
在html5下利用Native.js来获取系统通讯录管理对象AddressBook,再调用对象中的find()方法查找出系统通信录中的所有联系人。
API:http://www.html5plus.org/doc/zh_cn/contacts.html#plus.contacts.AddressBook
代码:
- <!doctype html>
- <html>
- <head>
- <meta charset=“UTF-8”>
- <title></title>
- <meta name=“viewport” content=“width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no” />
- <link href=“../../css/mui.min.css” rel=“stylesheet” />
- <style>
- </style>
- </head>
- <body>
- <header class=“mui-bar mui-bar-nav”>
- <a class=“mui-action-back mui-icon mui-icon-left-nav mui-pull-left”></a>
- <h1 class=“mui-title”>联系人</h1>
- </header>
- <div class=“mui-content”>
- <ul class=“mui-table-view” id=“listArea”>
- <li class=“mui-table-view-cell” id=“mode”>
- #
- </li>
- </ul>
- </div>
- <script src=“../../js/mui.min.js”></script>
- <script type=“text/javascript”>
- mui.init();
- mui.plusReady(function() {
- // 扩展API加载完毕,现在可以正常调用扩展API
- plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) {
- addressbook.find([“displayName”, “phoneNumbers”], function(contacts) {
- for(var i = 0, len = contacts.length; i < len; i++) {
- var li = document.getElementById(“mode”).cloneNode(true);
- li.innerHTML = contacts[i].displayName + “<br/>手机:” + (contacts[i].phoneNumbers.length == 0 ? “” : contacts[i].phoneNumbers[0].value);
- document.getElementById(“listArea”).appendChild(li);
- }
- }, function() {
- mui.toast(“获取电话簿失败 “);
- }, {
- multiple: true
- });
- }, function(e) {
- mui.toast(“获取电话簿失败 “ + e.message);
- });
- });
- </script>
- </body>
- </html>
MUI教程获取手机中的联系人项枫瑞博客网转载网络
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
RiPlus主题授权提示:请在后台主题设置-主题授权-激活RiPlus主题的正版授权,授权购买:RI-VIP官网