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>