Как показать загрузку изображения spinner с knockout.js

Question

Я использую нокаут, чтобы связать список изображений. Каков наилучший способ настроить фон с прядильщиками во время загрузки изображений. У меня есть класс spinner, который я могу установить и отменить на фоновое изображение, но задаюсь вопросом, есть ли простой способ привязать к полному событию изображения с помощью knockout.js.

Answer 1

с помощью Jquery Uis мало спиннера вещь, я привязки обработчика как

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

, а затем использовать его как

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

так, в принципе, вы можете привязать его к чему-либо на вашей модели представления который может представлять его загрузку (или занят) или нет.