Nakavt bağlama eylemcisi teardown işlevi?

Question

Sürükle ve bırak ve ajax yüklemeleri için plupload kullanan bir boşaltma bağlayıcı işleyicim var.

I sırayla elemanları DOM için olay dinleyicileri bağlayıcı plupload örneğini oluşturmak plupload komut kullanın.

Bu iyi çalışıyor.

Ancak, "klasörler" listesi var ve bir klasörü tıkladığınızda ben o klasördeki dosyaların bir listesini görüntüler. Foreach kullanarak selectedFolder() belgelerini bağlayarak aynı DOM öğelerini yeniden kullanıyorum.

Ben sorun benim bağlayıcı işleyicisinde ben init işlevinde tüm plupload şeyler ve ben DOM öğelerini yeniden beri kendilerine bağlı çoklu olay işleyicileri elde edilmesi. Bu, sürükleme ve bırakma olaylarının alla işleyicilerine gönderilmesine neden olur. Bu, oluşturulmuş dosya listesine bir dosya düşürürsem, açılan etkinliğin önceden oluşturulmuş tüm dosya listelerine de yazdığı anlamına gelir.

Aradığım şey, bir iş listesi gönderilmemiş olduğunda tüm olayların kaydını tutabilmem için (örneğin, bu bir sözcük nedir?), Bağlayıcı işleyicisinde bir tür teardown veya temizleme işlevidir.

Belki de devamsızlığı tespit edemiyoruz? Bunu nasıl halledebilirim? Küresel bir örneğe sahip olmamayı tercih ederim, çünkü bu aynı anda birden fazla yerdeki bağları kullanmamı engelliyordu.

Size herhangi bir kod vermediğim için üzgünüm. Cep telefonumda.

Şerefe!

Answer 1

KO (şablon olduğunda yeniden render gibi) elemanları kaldırır zaman Geri idam edilecek bir işleyici kaydedebilirsiniz.

//handle disposal (if KO removes by the template binding) 
    ko.utils.domNodeDisposal.addDisposeCallback(element, function() { 
     $(element).datepicker("destroy"); 
    }); 

Yani, "init" fonksiyonunda sen bağlı olan öğe için dispose geri arama kayıt altına alacak ve size istiyorum ne olursa olsun temizlik kod çalıştırmak için bir fırsat olurdu: gibi görünüyor.

Answer 2

Ben Nakavt DOM düğümü (yani o şablonlar rejigs olduğunda) kaldırır biriyse burada sağlanan çözüm yalnızca çalışacağını düşünüyoruz. Belli koşullar altında tetiklemek için zor bir zaman geçirdim. Öğenizin nasıl kaldırıldığına bakılmaksızın yürütülecek bir geri aramaya ihtiyacınız olduğu senaryolar olabilir; Knockout ile mi yoksa jQuery.html() ile mi, (özellikle tek bir sayfa uygulamasında).

Ben jQuery küçük bir yardım ile böyle bir kanca eklemek için farklı bir yaklaşım demlenmiş. Özel olaylar API'sini (iyi tanımlanmış olan here) kullanarak, belirli bir olay bir DOM düğümünden (teardown sırasında gerçekleşen bir şey) removed olduğunda çalıştırılacak bir yöntem ekleyebilirsiniz.

jQuery ile birlikte Knockout kullanıyorsanız, böyle bir şey bakmak için bağlayıcı bir nakavt içine bu sarabilirsiniz:

ko.bindingHandlers.unload = { 
    init: function (element, valueAccessor) { 
     var eventName = 'your_unique_unLoad_event'; // Make sure this name does not collide 
     if (!$.event.special[eventName]) { 
      $.event.special[eventName] = { 
       remove: function (o) { 
        o.data.onUnload() 
       } 
      }; 
     } 
     $(element).on(eventName, { onUnload: valueAccessor()}, $.noop); 
    } 
}; 

Daha sonra, bu gibi herhangi bir element bu kullanabilirsiniz:

<div id="withViewModelMethod" data-bind="unload: aMethodOnMyViewModel" /> 
<div id="withInLineMethod" data-bind="unload: function() { /* ... */ }" /> 

Bu SO post kredisine borçluyum.