PhoneGap：以优化的速度获取联系人列表

Question

在 Phonegap 中，我尝试从 phone.I 获取联系人列表，只需要姓名和 phone 号码，获取所有 result.I 大约需要 40 秒，将插件添加到 config.xml 。在我的 phone 中，我只有大约 400 个联系人。但是当我在 index.html 中提醒联系时长时，它说 1351 list.I 不知道我在哪里 wrong.I 认为需要进行一些优化从 phone 获取姓名和号码时。

提前谢谢...:)

Config.xml

 <feature name="Contacts">
    <param name="android-package" value="org.apache.cordova.contacts.ContactManager" />
</feature>

index.html

        document.addEventListener("deviceready", onDeviceReady, false);
        function onDeviceReady() {
            var options = new ContactFindOptions();
            options.filter="";    
            options.multiple=true; 
            filter  = ["displayName", "phoneNumbers"];
            navigator.contacts.find(filter, onSuccess, onError, options);
        }

       var cSort = function(a, b) {
          aName = a.displayName ;
          bName = b.displayName ;
            return aName < bName ? -1 : (aName == bName ? 0 : 1);
            };

        function onSuccess(contacts) {              
            contacts = contacts.sort(cSort);
            alert("length " + contacts.length  );
            var i =0;       
            for (var i = 0; i < contacts.length; i++) 
            {
                console.log("Display Name = " + contacts[i].displayName);
                 if(contacts[i].displayName != null)
                 {
                    if( contacts[i].phoneNumbers == null )
                     continue;
                    else if(contacts[i].phoneNumbers.length)
                    {                           
                        for (var j=0; j<contacts[i].phoneNumbers.length; j++)
                         {
                          $('#contact_list').append('<li> Name:'+contacts[i].displayName+'</li>');
                          $('#contact_list').append('<li> Number:'+contacts[i].phoneNumbers[j].value+'</li><br><br>');
                        }
                        $('#contact_list').listview('refresh');
                    }
                 }
            }        
        }
        function onError(contactError) {
            alert('onError!');
        }
    </script>

Answer 1

@BINIL S，你有一个非常昂贵的 Jquery 电话：

$('#contact_list').append(...);

更改为：

listEntryPoint = $('#contact_list');

将其移出循环并将其分配给一个变量，这应该会有所帮助。您也不能一次插入一个新条目。在插入 HTML 之前，您可以制作一个大列表。像这样，

finalList += '<li> Name:'+contacts[i].displayName+'</li>' + '<li> Number:'+contacts[i].phoneNumbers[j].value+'</li><br><br>';

循环完成后，

listEntryPoint.append(finalList);

这应该有所帮助 - 杰西

Answer 2

更改您的代码：

            {                           
                for (var j=0; j<contacts[i].phoneNumbers.length; j++)
                 {
                  $('#contact_list').append('<li> Name:'+contacts[i].displayName+'</li>');
                  $('#contact_list').append('<li> Number:'+contacts[i].phoneNumbers[j].value+'</li><br><br>');
                }
                $('#contact_list').listview('refresh');
            }

收件人：

                {
                    var finalList = '';
                    listEntryPoint = $('#contact_list');
                    for (var j=0; j<contacts[i].phoneNumbers.length; j++)
                     {
                        finalList += '<li> Name:'+contacts[i].displayName+'</li>' + '<li> Number:'+contacts[i].phoneNumbers[j].value+'</li><br><br>';
                    }
                    listEntryPoint.append(finalList);
                    listEntryPoint.listview('refresh');
                }

PhoneGap：以优化的速度获取联系人列表

PhoneGap : Fetch Contact list with optimize speed

android

phonegap-plugins

cordova

phonegap-build