在本部分中,你使用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; };