ว่าด้วยเรื่องของ Contact บน Titanium Mobile

สวัสดีครับ หลังจากห่างหายจากการเขียน บทความไปหลายสัปดาห์ วันนี้ผมขอกลับเข้าไปเรื่องของ Contact ใน Mobile Device ของทุก ๆ ท่านก่อนละกันนะครับ โดยปกติแล้วใน OS ไม่ว่าจะทั้ง iOS หรือ Android นั้นจะมีโปรแกรม อยู่หนึ่งตัวสำหรับการจัดเก็บรายชื่อต่าง ๆ สำหรับเอาไว้โทรหา หรือ ทำการ ส่ง Email หรือ อื่น ๆ ซึ่งวันนี้ผมจะเสนอเกี่ยวกับการเข้าถึง รายชื่อต่าง ๆ แบบง่าย ๆ กันครับ



วิธีการเข้าถึงก็สามารถทำได้โดยเขียนคำสั่งแบบนี้ครับ
Titanium.Contacts.showContacts
ส่วนใน Property ของ Function showContact นี้มีดังต่อไปนี้ครับ 
  • animated กำหนดให้เมื่อทำการแสดงผลให้แสดง animation หรือไม่
  • fields  ระบุ Fields ที่ต้องการแบบเฉพาะเจาะจง เช่น address
  • selectedPerson ค่าสำหรับเมื่อรายชื่อนั้นถูกเลือก
เอาหล่ะครับเรามาเร่ิมกันเลยดีกว่า เริ่มแรกนั้นก็ ทำการสร้าง window และ ปุ่มอีก 1 ปุ่มครับ

var win = Ti.UI.createWindow({
backgroundColor : '#fff'
});

var show = Ti.UI.createButton({
title:'Show picker',
top :200
});

จากนั้นก็ทำการใส่เข้าไปใน Window ที่ได้สร้างเอาไว้ครับ
win.add(show);
แล้วก็ทำการเขียน Event ให้กับ ปุ่ม show ด้วยคำสั่งแบบนี้ครับ
show.addEventListener('click', function() {
Titanium.Contacts.showContacts({
animated : true,
});
});
แล้วก็ทำการเปิด window ครับ 
win.open();
จากนั้นทำการ รันขึ้นมาครับ ก็ จะได้หน้าตาโปรแกรมแบบนี้ ครับ ทดลองกดที่ ปุ่ม Show Picker ครับ ก็จะพบกับ Contact List ขึ้นมา 





หากต้องการเลือกรายการชื่อให้เพิ่มคำสั่ง 

selectedPerson

ลงไปในส่วนของการเพิ่ม Event Click แบบนี้ครับ

show.addEventListener('click', function() {
Titanium.Contacts.showContacts({
animated : true,
selectedPerson : function(value){
var p = value.person;
alert(p.fullName);
}
});
});


ก็สามารถที่จะนำเอาข้อมูลของ Contact ไปใช้งานได้แล้วหล่ะครับ ในส่วนของรายละเอียด ของ Object Person นั้นสามารถเข้าไปดูรายละเอียดเพิ่มเติมได้ที่ Titanium Document เนื่องจากรายละเอียดของ Object นี้มีเยอะมาก ๆ ทำให้ไม่สามารถนำมาไว้ที่นี่ได้นะครับ 




ตอนนี้ของพักเรื่อง Alloy Framework เอาไว้ก่อนเพราะว่าไม่ค่อยมีเวลาที่จะศึกษาเพิ่มเติมจริง ๆ ครับ ยังงัยก็จะพยายามหาตัวอย่างการใช้งานของ Alloy Framework มาให้ได้ดูกันนะครับ 

0 ความคิดเห็น:

โพสต์ความคิดเห็น