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官网

HBuilder mui

枫瑞博客网

MUI联系人源码 MUI获取手机中的联系人项目

MUI联系人源码 MUI获取手机中的联系人项目

MUI教程获取手机中的联系人项枫瑞博客网转载网络

发表评论取消回复

随机推荐

MUI联系人源码 MUI获取手机中的联系人项目

MUI教程获取手机中的联系人项枫瑞博客网转载网络

相关推荐

Uni-app基础实战上加载新下拉刷新 WordPress rest api实例

uni-app 新手微信小程序登入获取用户信息

MUI项目源码MUI消息推送 新手最全面安卓平台消息推送教程

扁平化MUI警务移动审批流程审批源码折叠面板

发表评论 取消回复

随机推荐

MUI项目源码MUI消息推送新手最全面安卓平台消息推送教程

发表评论取消回复