Knockout-kendo.js数据绑定问题

Question

我使用knockout-kendo.js为knockout.js绑定到kendo网格。如果你绑定对象的第一层属性，那么它工作得很好。下面是一个示例- http://jsfiddle.net/rniemeyer/jZtg5/

在上面的例子中，items属性在视图模型中定义(即viewmodel . items)

然而，如果你使用对象的第二级属性绑定到剑道网格，那么它就不起作用了。下面是一个绑定不起作用的示例- http://jsfiddle.net/thakkar/QhF2W/3/

在这个例子中，items属性没有在视图模型中直接定义。相反，它是在视图模型中使用的对象的属性。(即ViewModel.obj.Items)

var Item = function(id, name, type) {
    this.id = id;
    this.name = ko.observable(name);
    this.type = type;
};
var vm2 = function() {
    this.items = ko.observableArray([
        new Item(1, "one", "a"),
        new Item(2, "two", "b"),
        new Item(3, "three", "a")
    ]);
var ViewModel = function() {
    this.obj = ko.observable(new vm2())
};
ko.applyBindings(new ViewModel());

Answer 1

这是一个更新的固定提琴:

http://jsfiddle.net/DianaNassar/z439C/2/

基本上，你少了一个大括号[你有一个控制台错误]。但最重要的是，如果你想深入两层你必须像这样绑定网格:

kendoGrid: {data:obj().items(),scrollable: false,columns: [
                            { field: 'id', title: 'id', width: 150 },
                            { field: 'name', title: 'name' },
                            { field: 'type', title: 'type' }
                        ] } "

:

kendoGrid: {data:obj.items,scrollable: false,columns: [
                            { field: 'id', title: 'id', width: 150 },
                            { field: 'name', title: 'name' },
                            { field: 'type', title: 'type' }
                        ] } "

Knockout可观察对象是函数，您可以通过将新值作为参数传递给函数来设置它们的值，并且通过不传递参数来读取它。