使用 Linqjs 和 Knockout 延迟加载

Lazy loading with Linqjs and Knockout

本文关键字：延迟加载 Knockout Linqjs 使用      更新时间：2023-09-26

是否可以在挖空数据绑定阶段使用枚举？只有当我首先执行 ToArray 时，我才能让它工作，这将消耗 Enumerable

http://jsfiddle.net/xZmWx/

您可以编写自己的 foreach 变体来处理枚举。

ko.bindingHandlers['foreach2'] = {
    makeTemplateValueAccessor: function(valueAccessor) {
        return function() {
            var bindingValue = ko.utils.unwrapObservable(valueAccessor());
            if (bindingValue instanceof Enumerable) {
                bindingValue = bindingValue.ToArray();
            }
            // If bindingValue is the array, just pass it on its own
            if ((!bindingValue) || typeof bindingValue.length == "number")
                return { 'foreach': bindingValue, 'templateEngine': ko.nativeTemplateEngine.instance };
            // If bindingValue.data is the array, preserve all relevant options
            return {
                'foreach': bindingValue['data'],
                'includeDestroyed': bindingValue['includeDestroyed'],
                'afterAdd': bindingValue['afterAdd'],
                'beforeRemove': bindingValue['beforeRemove'],
                'afterRender': bindingValue['afterRender'],
                'templateEngine': ko.nativeTemplateEngine.instance
            };
        };
    },
    'init': function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        return ko.bindingHandlers['template']['init'](element, ko.bindingHandlers['foreach2'].makeTemplateValueAccessor(valueAccessor));
    },
    'update': function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        return ko.bindingHandlers['template']['update'](element, ko.bindingHandlers['foreach2'].makeTemplateValueAccessor(valueAccessor), allBindingsAccessor, viewModel, bindingContext);
    }
};

http://jsfiddle.net/madcapnmckay/QeEQg/

希望这有帮助。

相关文章：