Apache Cordova 使用聯(lián)系人 API

使用聯(lián)系人API

在本部分中，你使用Cordova聯(lián)系人API提供給用戶能夠添加一個(gè)員工到設(shè)備聯(lián)系人列表的能力。

當(dāng)在你的設(shè)備上作為一個(gè)Cordova應(yīng)用程序運(yùn)行該應(yīng)用程序時(shí)，下面的代碼才工作。換句話說(shuō)，你不能在你電腦上的瀏覽器中測(cè)試它。

1、添加聯(lián)系人插件到你的項(xiàng)目中。

cordova plugin add org.apache.cordova.contacts

2、在index.html中，添加以下列表項(xiàng)到員工模板：

<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()函數(shù)中，為Add to Contacts列表項(xiàng)的單擊事件注冊(cè)一個(gè)事件偵聽(tīng)器。

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