Kullanıcı Kılavuzu İptal

Özel Bileşenler için Kod Parçacıkları

 

Özel bileşenlere yönelik kod parçacıklarını öğrenmek için bu makaleden yararlanın

Bileşen ile etkileşiminizi kolaylaştırmak için özel bileşenlerinize kod parçacıkları ekleyebilirsiniz. Animate kapsamındaki iki örneği ele alalım. Yeni kod parçacıkları HTML5 Canvas -> Bileşenler bölümü altına eklenir.

  1. Bir düğmeye tıklama işleyicisi eklemeye yönelik kod parçacığı

    // Çerçeve komut dosyalarında kullanılabileceği için birden çok işleyiciyi devre dışı bırakma
    if(!this.instance_name_here_click_cbk) {
    function instance_name_here_click(evt) {
    // Özel kodunuzu başlatma
    console.log("Button clicked");
    // Özel kodunuzu sonlandırma
    }
    // Bileşen örneğinin kimliği olarak
    // üst öğeye filtreyle birlikte bir olay işleyicisi ekleme
    $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
    this.instance_name_here_click_cbk = true;
    }
    // Çerçeve komut dosyalarında kullanılabileceği için birden çok işleyiciyi devre dışı bırakma if(!this.instance_name_here_click_cbk) { function instance_name_here_click(evt) { // Özel kodunuzu başlatma console.log("Button clicked"); // Özel kodunuzu sonlandırma } // Bileşen örneğinin kimliği olarak // üst öğeye filtreyle birlikte bir olay işleyicisi ekleme $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this)); this.instance_name_here_click_cbk = true; }
    // Çerçeve komut dosyalarında kullanılabileceği için birden çok işleyiciyi devre dışı bırakma
    if(!this.instance_name_here_click_cbk) {
     function instance_name_here_click(evt) {
      // Özel kodunuzu başlatma
      console.log("Button clicked");
      // Özel kodunuzu sonlandırma
     }
    
     // Bileşen örneğinin kimliği olarak 
     // üst öğeye filtreyle birlikte bir olay işleyicisi ekleme
    $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
     this.instance_name_here_click_cbk = true;
    }
    

    İşleyicinin, bileşen örneği için ayarlanan filtre ile üst öğeye (dom_overlay_container) eklendiğini unutmayın. Bu durum, işleyiciyi eklemeye çalıştığınızda bileşen örneği mevcut olmayabileceği için önemlidir. Böylece olay işleyicileri doğru şekilde tetiklenir.

    Aynı şekilde özel bileşenleriniz için olay işleyicileri de sağlayabilirsiniz.

  2. Herhangi bir giriş kontrolünden değer almaya yönelik kod parçacığı

    console.log($("#instance_name_here").val());
    console.log($("#instance_name_here").val());
    console.log($("#instance_name_here").val());
  3. Bileşen örneği DOM'ye eklendiğinde kullanılacak kod parçacığı

    // Bileşen çalışma zamanı tarafından tetiklenen ekli olayı dinleme
    $("#dom_overlay_container").on("attached", function(evt, param) {
    // Örneğin id'sini kontrol etme
    if(param && param.id == 'movieClip_1') {
    $("#movieClip_1").text("My Button");
    }
    });
    // Bileşen çalışma zamanı tarafından tetiklenen ekli olayı dinleme $("#dom_overlay_container").on("attached", function(evt, param) { // Örneğin id'sini kontrol etme if(param && param.id == 'movieClip_1') { $("#movieClip_1").text("My Button"); } });
    // Bileşen çalışma zamanı tarafından tetiklenen ekli olayı dinleme
    
    $("#dom_overlay_container").on("attached", function(evt, param) {           
    // Örneğin id'sini kontrol etme 
    if(param && param.id == 'movieClip_1') {                           
    
    $("#movieClip_1").text("My Button");                          
    }
    });
    

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?