聯繫表格PhoneGap API + Javascript + HTML5

我想創建一個聯繫表單使用PhoneGap API伴隨着JavaScript和HTML5的表單佈局。通過聯繫表單，我的意思是我希望能夠添加新的聯繫人並搜索現有的聯繫人。到目前爲止，我在Adobe網站上關注了一個教程/視頻來做到這一點。聯繫表格PhoneGap API + Javascript + HTML5

幾點注意事項： *我不得不使用PhoneGap的1.9.0 *它必須在Android 2.3.3級別運行10 *我不是過於自信程序員

我的代碼是：

$(document).bind('deviceready', function() { 

    $('#btnCreate').bind('touchstart', function() { 
     var contact = navigator.contacts.create(); 
     var name = null; 

     contact.displayName = 
     $('txtFirst').attr('value') + ' ' +  $('txtLast').attr('value'); 

     contact.nickname = 
     $('txtFirst').attr('value') + ' ' +  $('txtLast').attr('value'); 

     name = new ContactName(); 
     name.givenName = $('txtFirst').attr('value'); 
     name.familyName = $('txtFirst').attr('value'); 
     contact.name = name; 

     contact.emails = [ 
     new ContactField ('home', $('#txtEmail').attr('value'), true)]; 

     contact.phoneNumbers = [ 
     new ContactField ('mobile', $('#txtMobile').attr('value'), true)]; 

     contact.save(function() { 

      $('#txtFirst').attr('value', ''); 
      $('#txtLast').attr('value', ''); 

     $('#txtEmail').attr('value', ''); 

     $('#txtMobile').attr('value', ''); 
     }, function() { 
      console.log('Error'); 
     }); 
    }); 

    $('#btnFind').bind('touchstart', function() { 

     var fields = ['*']; 
     var options = { 
      filter: $('#txtLast').attr('value'), multiple:true }; 

      navigator.contacts.find(fields, function(contacts) { 
       $('#txtFirst').attr('value', contacts[0].name.givenName); 
       $('#txtLast').attr('value', contacts[0].name.familyName); 
       $('#txtEmail').attr('value', contacts[0].emails[0].value); 
       $('#txtMobile').attr('value', contacts[0].phoneNumber[0].value); 
      }, function(error) { 
       console.log('Error'); 
      }, 
      options); 
    }); 

});

HTML5

<div data-role="content"> 
     <div id="contactContainer" > 

<form id="lblFirst" > First Name: </form> 
<input id="txtFirst" placeholder="First Name"/> 

<form id="lblLast"> Last Name: </form> 
<input id="txtLast" placeholder="Last Name"/> 

<form id="lblEmail"> Email: </form> 
<input id="txtEmail" placeholder="Email"/> 

<form id="lblMobile"> Phone : </form> 
<input id="txtMobile" placeholder="Phone"/> 

<button id="btnCreate" data-corners="false">Create Contact </button> 
<button id="btnFind" data-corners="false"> Find Contact </button> 
     </div> 
    </div>

感謝您的時間

來源

2013-04-15 Mr Dansk

那麼？...如果出現錯誤或者您有任何具體問題？ – Whizkid747

在模擬器上運行這段代碼並不行，我想知道爲什麼，並且希望有人能夠闡明一些事情。 –

您是否試圖在仿真器上運行此網站或嘗試運行由PhoneGap創建的.apk文件？ – Whizkid747

您必須使用Phonegap/Cordova中的Contact plugin。也許this video tutorial可以幫助你，因爲它告訴你如何使用HTML5和PhoneGap在用戶的移動設備上創建聯繫人。

來源

2013-12-31 12:08:31 numediaweb

你可能想要檢查ContactPicker插件用於使用本機ui創建和搜索聯繫人，所有你必須做的是自己添加文件並更新配置文件，而無需使用phonegap cli。

來源

2013-12-31 14:59:04

聯繫表格PhoneGap API + Javascript + HTML5

回答

相關問題