knockout.js

Question

के साथ एक छवि लोडिंग स्पिनर को दिखाने के लिए कैसे मैं छवियों की एक सूची बांधने के लिए knockout का उपयोग कर रहा हूँ। छवियां लोड होने पर स्पिनर पृष्ठभूमि सेट अप करने का सबसे अच्छा तरीका क्या है। मेरे पास एक स्पिनर क्लास है जिसे मैं पृष्ठभूमि छवि पर सेट और सेट कर सकता हूं, लेकिन सोच रहा हूं कि नॉकआउट.जेएस के साथ छवि पूर्ण घटनाओं को बांधने का कोई आसान तरीका है या नहीं।

Answer 1

jQuery UI के थोड़ा स्पिनर बात का उपयोग कर, मैं की तरह

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" > 

की तरह उपयोग किया है ताकि, मूल रूप से, आप इसे कुछ भी करने के लिए अपने दृश्य मॉडल पर बाध्य कर सकते हैं जो इसकी लोडिंग (या व्यस्त) का प्रतिनिधित्व कर सकता है या नहीं।