ホームページ > 記事 > ウェブフロントエンド > 指定した複数人の情報を取得するHTML5アドレス帳を詳しく解説
この記事では、指定した複数の人の情報を取得するための HTML5+ アドレス帳の詳細な説明を主に紹介します。これは非常に実用的で、困っている友人が参照することができます。
この記事では、指定した複数の人の情報を取得するための HTML5 アドレス帳を紹介します。詳細は次のとおりです。
1. 複数の人の情報をアドレス帳にインポートする前に、次のことが必要です。複数の人の情報を取得するという問題を解決します。 plus.contacts.getAddressBookとaddress.findのアプリケーションを通じてアドレス帳内のすべての連絡先のIDとdisplayNameを取得し、作成したアドレス帳取得ページを通じて表示しました。
1. この問題を解決するには、まず自分で js アドレス帳を作成する必要があります。これにより、すべての連絡先のイニシャルを分離し、その隣にある必要なイニシャルにジャンプできるようになります。
2. すべての連絡先情報を取得する問題を解決します
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. アドレス帳から複数の選択した個人情報をインポートする: この問題を解決するには、アドレス帳ページを作成するときに連絡先 ID を入力する必要があります。ページ (display を使用して非表示) では、選択した checkBox を取得するときに ID を直接取得し、これらの ID を配列に入れることができます。次に、plus.contacts.getAddressBook および address.find のアプリケーションを通じて、これらの ID の連絡先情報をフィルターで除外します。
1. checkBox を使用して連絡先 ID を取得する問題を解決するために、ここでは JQuery を使用しました。
//筛选已经被选中的checkbox $("input:checked").each(function() { var index = $(this).parent().prev().children('label').text(); //获取id var name = $(this).parent().prev().children('p').text(); //获取姓名 username.push(name); usernameIndex.push(index); });
2. これらのインデックスを検索に入れて情報をフィルタリングし、特定の ID で連絡先情報を取り出す問題を解決します
plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) { //获取通讯录信息 for(var j = 0; j < username.length; j ) {//循环所选取的联系人,记得循环一定要放在这里,一开始我放在 plus.contacts.getAddressBook外面是错误 addressbook.find(null, function(contacts) { console.log("进入查询"); for(var i = 0; i < contacts.length; i ) {//无论是否为多个信息,一定要循环数组 console.log("进入循环"); //var id = contacts[i].id; var displayname = contacts[i].displayName; var phone = ""; var emails = ""; var dates = ""; var remark = ""; if(contacts[i].phoneNumbers.length > 0) {//这里需要判断是否为空,为空的数组没有index=0; phone = contacts[i].phoneNumbers[0].value; } else { phone = contacts[i].phoneNumbers; } if(contacts[i].emails.length > 0) {//这里需要判断是否为空,为空的数组没有index=0; emails = contacts[i].emails[0].value; } else { emails = contacts[i].emails; } var dateNum = new Date(contacts[i].birthday);//这里的birthday是number类型!!!官方手册坑爹? dates = dateNum.getFullYear() "." (dateNum.getMonth() 1) "." dateNum.getDate(); remark = contacts[i].note; var getContact = {//把所有信息放到一个json里面 contactName: displayname, sex: "", department: "", positions: "", tel: "", phone: phone, eMail: emails, birthday: dates, hobby: "", remark: remark }; //这下面是我的业务代码了,这里大家可以写自己的信息 //createContactTable(db); //InsertContact(db, getContact); //多个信息插入有线程安全的问题出现!!!!!!! } //console.log(username.length); }, function(e) { console.log("查询错误"); }, { //这里面的筛选非常重要!!!这样才能选出匹配的信息 filter: [{ logic: "or", field: "id", value: usernameIndex[j] }], multi: false }); } }, function(e) { console.log("打开通讯录错误"); });
以上が指定した複数人の情報を取得するHTML5アドレス帳を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。