0

我正在尝试让 KO Grid 工作。我在 Ko 2.1 环境中，我正在尝试在 MVC 视图中使用 Ko 网格。奇怪的是，当我加载我的页面时，我根本看不到任何东西。我有一个小提琴文件，它使朋友完全没问题：http://jsfiddle.net/jearles/sf4p3/14/

我的代码非常相似：但这根本无法呈现。

我的 HTML 如下：

<div id="KoGridContainer">
    <div data-bind="koGrid: { data: Prizefillfilmentstatuses }"></div>

    <button id="Get" data-bind="click:GetAll">Get</button>
    <p><span data-bind='text: Prizefillfilmentstatuses().length'>&nbsp;</span> row(s)</p>


</div>

我的 Js 代码如下所示：

 function ($, ui, ko, komapping, servicesConfig, constants, koGrid) {
        $("#body").fadeIn();
        var self = {};

        self.ViewModel = {

            GetAll: function () {
                self.getAll();
            },

            Prizefillfilmentstatuses: ko.observableArray([
                { id: 1, firstName: 'John', lastName: 'Doe', createdOn: '1/1/2012', birthday: '1/1/1977', salary: 40000 },
                { id: 1, firstName: 'Jane', lastName: 'Harper', createdOn: '1/2/2012', birthday: '2/1/1976', salary: 45000 },
                { id: 1, firstName: 'Jim', lastName: 'Carrey', createdOn: '1/3/2012', birthday: '3/1/1985', salary: 60000 },
                { id: 1, firstName: 'Joe', lastName: 'DiMaggio', createdOn: '1/4/2012', birthday: '4/1/1991', salary: 70000 },
                { id: 1, firstName: 'Jeff', lastName: 'Saturday', createdOn: '1/5/2012', birthday: '5/1/1998', salary: 65000 },
                { id: 1, firstName: 'Marg', lastName: 'Simpson', createdOn: '1/6/2012', birthday: '6/1/1921', salary: 20000 },
                { id: 1, firstName: 'Tim', lastName: 'Allen', createdOn: '1/7/2012', birthday: '7/1/1977', salary: 35000 },
                { id: 1, firstName: 'Kevin', lastName: 'Bacon', createdOn: '1/8/2012', birthday: '8/1/1977', salary: 30000 },
                { id: 1, firstName: 'Jack', lastName: 'Murphy', createdOn: '1/9/2012', birthday: '9/1/1999', salary: 55000 },
                { id: 1, firstName: 'Jessica', lastName: 'Smith', createdOn: '1/10/2012', birthday: '10/1/1979', salary: 45000 }
            ])
        };

//        if ($("#KoGridContainer").length == 1) {
//            $.consolelog("found Ko-Grid");
//            ko.applyBindings(self.ViewModel, $("#KoGridContainer").get(0));
//        }

       ko.applyBindings(self.ViewModel);

当然，它不是整个文件。我刚刚把我的视图模型和绑定放在那里。现在，最有趣的事实是控制台根本没有错误，最重要的是它还向我显示了 3-4 次网格。我很难过地说“随机”。我严重无法追踪它过去出现的情况，但它显示了我 1% 的时间。其他 99% 根本没有网格。

有任何想法吗？

4

1 回答 1

1

如果您完全从 fiddle 复制代码，那么我只能想到一个问题.. 即；文件引用错误 ..您的脚本标签看起来如何.. ??

还可以在浏览器中按 F12 按钮并检查您看到的错误。

于 2012-09-21T00:18:04.390 回答