집 > 기사 > 웹 프론트엔드 > 특정 여러 사람의 정보를 얻기 위한 HTML5 주소록 샘플 코드에 대한 자세한 설명

특정 여러 사람의 정보를 얻기 위한 HTML5 주소록 샘플 코드에 대한 자세한 설명

黄舟원래의: 2017-03-25 10:36:172226검색

이 글은 특정 여러 사람의 정보를 얻기 위한 HTML5+ 주소록에 대한 자세한 설명을 주로 소개합니다. 이는 실용적 가치가 높으며 도움이 필요한 친구들이 참고할 수 있습니다.

이 글에서는 지정된 여러 사람의 정보를 가져오기 위한 HTML5 주소록을 소개합니다.

1. 여러 사람의 정보를 가져오기 전. 주소록에 여러 사람의 정보를 얻는 문제를 해결해야 합니다. plus.contacts.getAddressBook과 address.find의 애플리케이션을 통해 주소록에 있는 모든 연락처의 ID와 표시 이름을 얻은 후, 내가 작성한 주소록 획득 페이지를 통해 표시했습니다.

1. 이 문제를 해결하려면 먼저 js 주소록을 직접 작성해야 모든 연락처의 이니셜을 분리하고 그 옆에 원하는 이니셜로 이동할 수 있습니다.

2. 모든 연락처 정보를 얻는 문제 해결

rree

2. 주소록에서 선택한 여러 개인 정보 가져오기: 이 문제를 해결하려면 먼저 주소록 페이지를 만들어야 합니다. 연락처의 ID는 페이지에 표시되므로(디스플레이를 사용하여 숨겨짐) 선택한 확인란을 얻을 때 ID를 직접 가져와 이 ID를 배열에 넣을 수 있습니다. 그런 다음 plus.contacts.getAddressBook 및 address.find의 애플리케이션을 통해 이러한 ID의 연락처 정보를 필터링합니다.

1. 연락처 ID를 얻기 위해 checkBox를 사용하는 문제를 해결하기 위해 여기서는 JQuery를 사용했습니다.

plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) { //获取通讯录信息
                // 可通过addressbook进行通讯录操作
                addressbook.find(null, function(contacts) {
                    var username = new Array();
                    var LinkList = new LinkedList();
                    if(contacts.length > 0) { //获取当前通讯录里面所有人
                        for(var i = 0; i < contacts.length; i  ) {
                            username[i] = contacts[i].displayName   "-"   contacts[i].id; //连接id和username，为后面筛选最准备
                        }
                        //这下面的代码是把所有联系人的信息分类，这就涉及到了自己写的JS页面代码
                        LinkList = sortPY(username); //把联系人数组分类
                        //LinkList.show();
                        createLiCheckBox(LinkList); //分类信息显示至页面，我使用checkBox进行多个联系人选择
                    }

                }, function(e) {
                    alert("Find contact error: "   e.message);
                });

            }, function(e) {

    });

2. 문제를 해결하려면 이러한 색인을 find에 넣어 정보를 필터링하고 특정 ID의 연락처 정보를 꺼내세요.

//筛选已经被选中的checkbox
    $("input:checked").each(function() {
            var index = $(this).parent().prev().children(&#39;label&#39;).text(); //获取id
            var name = $(this).parent().prev().children(&#39;p&#39;).text(); //获取姓名
            username.push(name);
            usernameIndex.push(index);
    });

특정 여러 사람의 정보를 얻기 위한 HTML5 주소록 샘플 코드에 대한 자세한 설명

관련 기사