0

フォーム レイアウト用の JavaScript と HTML5 を伴う PhoneGap API を使用して、連絡先フォームを作成しようとしています。連絡先フォームとは、新しい連絡先を追加して既存の連絡先を検索できるようにしたいということです。これまでのところ、Adobe Web サイトのチュートリアル/ビデオに従ってこれを行いました。

いくつかのメモ: * PhoneGap 1.9.0 を使用する必要があります * Android 2.3.3 レベル 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>

御時間ありがとうございます

4

2 に答える 2

0

ネイティブ UI を使用して連絡先を作成および検索するためのContactPickerプラグインを確認することをお勧めします。必要なのは、自分でファイルを追加し、phonegap cli を使用せずに構成ファイルを更新することだけです。

于 2013-12-31T14:59:04.477 に答える
0

Phonegap/Cordova でContact プラグインを使用する必要があります。HTML5 と PhoneGap を使用してユーザーのモバイル デバイスで連絡先を作成する方法を示しているので、このビデオ チュートリアルが役立つかもしれません。

于 2013-12-31T12:08:31.870 に答える