如何使用knockout.js显示加载微调器的图像

Question

我正在使用knockout来绑定图像列表.在加载图像时设置微调器背景的最佳方法是什么.我有一个微调器类我可以设置并取消设置背景图像,但想知道是否有一种简单的方法可以使用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" >

因此,基本上,您可以将它绑定到视图模型上可能代表其加载(或忙碌)的任何内容.