我正在尝试让KO Grid工作。我在Ko 2.1环境中,我试图在MVC视图中使用Ko网格。奇怪的是,当我加载页面时,我根本看不到任何问题。我有一个小提琴文件,使得frid绝对正常: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'> </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%没有网格。
有什么想法吗?
答案 0 :(得分:1)
如果您完全从小提琴中复制代码,那么我只能想到一个问题。 文件引用错误 ..您的脚本标记如何显示.. ??
同时按下浏览器中的F12按钮并检查您看到的错误..