jQuery Mobile和PhoneGap的聯繫表格

Question

我已經搜索了一個解決方案，但沒有成功。我需要爲我的jQuery Mobile/PhoneGap應用程序提供聯繫表單。我有一個node.js的服務器。

有人有工作的例子或代碼，我可以使用？

Answer 1

的Html

<ol data-inset="true" data-role="listview"></ol> 

的Javascript

<script>  

    document.addEventListener("deviceready", onDeviceReady, false); 

    function onDeviceReady() { 
     var options = new ContactFindOptions(); 
     options.filter=""; 
     options.filter=""; 
     options.multiple=true; 
     var fields = ["*"]; //"*" will return all contact fields 
     navigator.contacts.find(fields, onSuccess, onError, options); 

    }  

    // display the address information for all contacts 
    function onSuccess(contacts) { 
     //console.log(JSON.stringify(contacts)) 
     var li = ''; 
     $.each(contacts, function(key, value) { 
       if(value.name){ 
        $.each(value.name, function(key, value) { 
         if(key == 'formatted'){ 
          name = value; 
         } 

        }); 
       } 
       if(value.phoneNumbers){ 
        $.each(value.phoneNumbers, function(key, value) { 
         phone = value.value; 
        }); 
       }      
       li += '<li >'+name+' '+phone+'</li>'; 
     }); 


     $("#contact").html(li).trigger('create'); 
     $("#contact").listview("refresh"); 

    }; 

    function onError(contactError) { 
     alert('onError!'); 
    }; 
</script>