[英]Contact Form PhoneGap API + Javascript + HTML5
我正在嘗試使用PhoneGap API以及表單布局的javascript和HTML5來創建聯系表單。 通過聯系表格,我的意思是我希望能夠添加新的聯系人並搜索現有的聯系人。 到目前為止,我按照Adobe網站上的教程/視頻進行操作。
一些注意事項:*我必須使用PhoneGap 1.9.0 *必須在Android 2.3.3 Level 10上運行*我不是一個過於自信的程序員
我的代碼是:
JS
$( 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>
謝謝你的時間
您可能需要檢查ContactPicker插件以使用本機ui創建和搜索聯系人,您要做的就是自己添加文件並更新配置文件,而無需使用phonegap cli。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.