Home / Cordova Dersleri / Cordova Rehber Uygulaması – Cordova Contacts

Cordova Rehber Uygulaması – Cordova Contacts

Cordova ile kullanıcının rehberine erişebilirsiniz. Bunun için bir plugin kurmalısınız. Aşağıdaki komutu girin.

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-contacts

Uygulamamız için index.html dosyasına aşağıdaki buttonları ekleyelim.

<button id = "createContact">Kişi Ekle</button>
<button id = "findContact">Kişi Bul</button>
<button id = "deleteContact">Kişi Sil</button>

Event Listener ekleyelim. (index.js=>onDeviceReady fonksiyonu içine)

 

document.getElementById("createContact").addEventListener("click", createContact);
document.getElementById("findContact").addEventListener("click", findContact);
document.getElementById("deleteContact").addEventListener("click", deleteContact);

Şu anda hiçbir Contact’ımız bulunmuyor.

Bir tane kişi ekleyelim.

function createContact() {
   var myContact = navigator.contacts.create({"displayName": "Test User"});
   myContact.save(contactSuccess, contactError);
    
   function contactSuccess() {
      alert("Contact is saved!")
   }
	
   function contactError(message) {
      alert('Failed because: ' + message);
   }

Bu fonksiyonu ekledikten sonra Kişi Ekle butonuna basarsanız Test User ismindeki bir kullanıcı eklenecektir.

Kişi Bulma Methodu ekleyelim.

function findContacts() {
   var options = new ContactFindOptions();
   options.filter = "";
   options.multiple = true;

   fields = ["displayName"];
   navigator.contacts.find(fields, contactfindSuccess, contactfindError, options);
    
   function contactfindSuccess(contacts) {
      for (var i = 0; i < contacts.length; i++) {
         alert("Display Name = " + contacts[i].displayName);
      }
   }
	
   function contactfindError(message) {
      alert('Failed because: ' + message);
   }
	
}

 

Şimdi ise kişi silme Fonksiyonu ekleyelim.

function deleteContact() {

   var options = new ContactFindOptions();
   options.filter = "Test User";
   options.multiple = false;
   fields = ["displayName"];

   navigator.contacts.find(fields, contactfindSuccess, contactfindError, options);

   function contactfindSuccess(contacts) {

      var contact = contacts[0];
      contact.remove(contactRemoveSuccess, contactRemoveError);

      function contactRemoveSuccess(contact) {
         alert("Contact Deleted");
      }

      function contactRemoveError(message) {
         alert('Failed because: ' + message);
      }
   }

   function contactfindError(message) {
      alert('Failed because: ' + message);
   }
	
}

Yukarıdaki koda dikkat ederseniz

var contact = contacts[0];

satırında ilk sıradaki kişiyi silmektedir. Siz bunu parametre göndererek ileride düzenleyebilirsiniz.

One comment

  1. Merhabalar. Öncelikle dersler için teşekkürler.

    örnekleri test etmeye çalışıyorum fakat kodların tam olarak nereye yazıldığı ile ilgili ayrıntılı bir resim de olabilirse çok daha iyi olacağı kanaatindeyim.
    hemen hepsini denememe rağmen henüz bir function çalıştıramadım.

    çok teşekkür eder iyi çalışmalar dilerim.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir