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;
};