KoGrid在Durandal JS框架中不起作用

Question

如何在下面给出的page.The代码中绑定一个不起作用的koGrid。

视图(Html)

  <div id="functiontable" class="form-actions">
                        <div style="height: 200px" data-bind="koGrid: {
                                 data: items, columnDefs: [{ field: 'id', width: 140 },
                                    { field: 'name', width: 100 },
                                    { field: 'price', width: 150 }
                                ],
                            autogenerateColumns: false,
                            isMultiSelect: false,
                             enableSorting: true
                        }"></div>

                    </div>

viewmodel(js)

define([ 'repositories/customerRepository', 'plugins/router', 'plugins/http', 'durandal/app', 'knockout'], function (customerRepository, router, http, app, ko) {
var items = ko.observableArray([
 { id: 1, name: "abc", price: "asds" },
{id:1,name:"abc",price:"asds"},
]);
return {
    router: router,
    items:items, 
    activate: function () {


    },
    attached: function (view) {

    },



};});

如果我在浏览器中检查元素，网格就会加载它的值。我不知道如何清除issue.Can，有人能帮我吗？

Answer 1

您的视图需要实际返回项目才能使用，因此：

items: ko.observableArray([
       { id: 1, name: "abc", price: "asds" },
       {id:1,name:"abc",price:"asds"}
]),
activate: function () {

}

提示在做这些事情时，使用一个客户端调试器，比如Chrome web工具(Chrome中的F12)-它会突出显示找不到“项目”。