1

以下是我在 viewModel 中添加函数 ClickAction 的方式

$.getJSON("api/BrowseCategory/Get", function (data) {
    categoryViewModel = ko.mapping.fromJS(data);
    categoryViewModel.clickAction = function () {
            alert('hi');
        }
    ko.applyBindings(categoryViewModel, $('.categories-gallery .frame').get(0));
});

但是当我尝试调用此函数时。我收到错误消息“错误：无法解析绑定。消息：ReferenceError：clickAction 未定义；”

这是我调用该函数的方式。

<section class="categories-gallery">
                        <div class="holder">
                            <div class="frame">
                                <article class="category-spacer"></article>
                                <!-- ko foreach: $data -->
                                <!-- ko foreach: ProductVariants -->
                                <article class="category" data-bind="click: clickAction,attr: { 'data-uuishlist-product-variant': JSON.stringify(ko.mapping.toJS($data)) }, css: { active: (($parentContext.$index() * $parent.ProductVariants().length) + $index()) == 1 }">
     </article>
                                <!-- /ko -->
                                <!-- /ko -->
                            </div>
                        </div>
</section>

我正在使用 knoutjs 映射插件从 json 对象制作视图模型。那么如何在点击时调用函数？

4

1 回答 1

2

在foreach循环内部，您正在绑定当前数组项的属性。但是，您可以使用特殊变量$parent、$parents和$root来绑定更高级别的对象。

在您的情况下，您应该能够绑定$root.clickAction以跳转到根视图模型。

关于特殊上下文变量的进一步参考：http: //knockoutjs.com/documentation/binding-context.html

于 2012-10-20T21:43:39.310 回答