cómo mostrar una imagen que carga el control giratorio con knockout.js

Question

Estoy usando un knockout para vincular una lista de imágenes. ¿Cuál es la mejor manera de configurar un fondo giratorio mientras se cargan las imágenes? Tengo una clase spinner que puedo establecer y desarmar en la imagen de fondo, pero me pregunto si existe una manera fácil de enlazar a eventos completos de imágenes con knockout.js.

Answer 1

usando jQuery UI pequeña cosa spinner, tengo un manejador de unión como

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 
     } 
    }; 

y luego usarlo como

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

Así que, básicamente, puede enlazar a cualquier cosa en su modelo de vista eso podría representar su carga (u ocupado) o no.