使用javascript列出电话联系人_Javascript_Html_Cordova_Mobile_Contacts

使用javascript列出电话联系人

javascript html cordova mobile

使用javascript列出电话联系人,javascript,html,cordova,mobile,contacts,Javascript,Html,Cordova,Mobile,Contacts,我正在为android、ios和windows开发一个多平台应用程序，使用简单的html、css、js和condova。但是，我发现，要在列表中显示设备上的所有联系人，就像在电话簿或联系人应用程序中查找联系人一样，这听起来很简单，但很有挑战性。以下是联系人界面的设计： <?php ?> <html> <head> <title></title> <script type="text/jav

我正在为android、ios和windows开发一个多平台应用程序，使用简单的html、css、js和condova。但是，我发现，要在列表中显示设备上的所有联系人，就像在电话簿或联系人应用程序中查找联系人一样，这听起来很简单，但很有挑战性。以下是联系人界面的设计：

<?php
?>

<html>
    <head>
        <title></title>
        <script type="text/javascript" src="cordova.js"></script>
        <style type="text/css">
            a { 
                color: inherit;
                text-decoration: none;
            }

            #BODY {
                background-color: #D9D9D9;
            }

            #TABLE {
                width:100.0%;
                border-collapse:collapse;
                background-color: #3A59C0;
                position: fixed;
                top: 0px;
                margin-left: -8px;
            }

            #CONTACTLIST {
                width: 100%;
                height: 91%;
                margin-top: 53px;
                background-color: #D9D9D9;
                overflow-y: scroll; 
                overflow-x:hidden;
                position: fixed;
                list-style-type: none;
                margin-left: -50px;
            }

            #CONTACTLIST > li {
                border-top: 1px solid gray;
            }

            #CONTACTLIST span {
                margin-left: 15px;
                font-family: verdana;
                color: #535353;
                font-size: 1.6cm;
            }

        </style>
    </head>

    <body id="BODY">
        <table id="TABLE" >

            <tr style="height: 50px; width: 45px;">
                <td style="width: 45%;"><center><span style="font-family: verdana;  color: white;">Contacts</span></center></td>
            </tr>

            <tr style="height: 10px;  width: 45px;">
                <td style="width: 45%; background-color: #31C1FF;"></td>
                <td style="width: 45%;"></td>
                <td></td>
            </tr>
        </table>
        <ul id="CONTACTLIST"> 
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
        </ul>
    </body>
</html>

但是，脚本将访问联系人数据库，并使用cordova.js文件中可用的方法按字母顺序列出所有联系人，而不是姓名号码。

来自cordova 3的联系人不在cordova.js核心范围内

因此，您需要首先安装，然后添加。如果只想选择一个联系人，可以使用打开本机联系人选择器并返回所选联系人对象的函数

从电话中获取所有联系人

那么你想知道如何获取联系人列表？对不起，我现在还不太清楚你的问题。是的，就像你在联系人应用程序中看到的一样

function onSuccess(contacts) {
    console.log('Found ' + contacts.length + ' contacts.');
    // here you can manipulate the contacts array
    console.log(contacts);
};

function onError(contactError) {
    console.log('Error: '+contactError);
};

// list all contacts
var options      = new ContactFindOptions();
options.filter   = "";
options.multiple = true;
var fields = [navigator.contacts.fieldType.displayName, navigator.contacts.fieldType.name];
navigator.contacts.find(fields, onSuccess, onError, options);