knockout.js ile bir görüntü yükleme döndürücüsünün nasıl gösterileceğini gösterir

Question

Görüntülerin bir listesini bağlamak için kullanıyorum. Görüntüler yüklenirken bir spinner arka planı oluşturmanın en iyi yolu nedir. Arka plan resminin ayarlanıp ayarlanamayacağına dair bir spinner sınıfım var, fakat knockout.js ile görüntü olaylarına tam olarak bağlanmanın kolay bir yolu olup olmadığını merak ediyorum.

Answer 1

jQuery UI küçük spinner şeyi kullanarak, o zaman

ko.bindingHandlers.Loading = { 
     update: function (element, valueAccessor, allBindingsAccessor) { 
      var value = valueAccessor(), allBindings = allBindingsAccessor(); 
      var valueUnwrapped = ko.utils.unwrapObservable(value); 

      if (valueUnwrapped == true) 
       $(element).showLoading(); // Make the element visible 
      else 
       $(element).hideLoading(); // Make the element invisible 
     } 
    }; 

ve benzeri bağlayıcı bir işleyici yüzden, temelde, kendi bakış modeline şey onu bağlayabilir

<div data-bind="Loading: isLoading" > 

gibi kullanırız var Bu yükleme (veya meşgul) ya da değil temsil edebilir.