Apache Cordova 使用联系人 API

使用联系人API

在本部分中，你使用Cordova联系人API提供给用户能够添加一个员工到设备联系人列表的能力。

当在你的设备上作为一个Cordova应用程序运行该应用程序时，下面的代码才工作。换句话说，你不能在你电脑上的浏览器中测试它。

1、添加联系人插件到你的项目中。

cordova plugin add org.apache.cordova.contacts

2、在index.html中，添加以下列表项到员工模板：

<li class="table-view-cell media">
    <a hre="#" class="push-right add-contact-btn">
        <span class="media-object pull-left"></span>
        <div class="media-body">
            Add to contacts
        </div>
    </a>
</li>

3、在EmployeeView的initialize()函数中，为Add to Contacts列表项的单击事件注册一个事件侦听器。

this.$el.on('click', '.add-contact-btn', this.addToContacts);

4、在EmployeeView中，定义addToContacts 事件处理程序如下：

this.addToContacts = function(event) {
    event.preventDefault();
    console.log('addToContacts');
    if (!navigator.contacts) {
        alert("Contacts API not supported", "Error");
        return;
    }
    var contact = navigator.contacts.create();
    contact.name = {givenName: employee.firstName, familyName: employee.lastName};
    var phoneNumbers = [];
    phoneNumbers[0] = new ContactField('work', employee.officePhone, false);
    phoneNumbers[1] = new ContactField('mobile', employee.cellPhone, true);
    contact.phoneNumbers = phoneNumbers;
    contact.save();
    return false;
};