Question

我正在尝试我的第一个kogrid我正试图用它来显示一个简单的数据网格。代码运行，但doenst显示任何东西。 jsfiddle在http://jsfiddle.net/z5Pdy/6/

HTML IS

    <div style="height: 300px; width:600px;"
    data-bind="koGrid: { data: brokerCommissions.list,
                           isMultiSelect: false,
                           selectedItem: selectedBroker,
                           columnDefs: [
{ field: 'broker', displayName: 'First Name' }
]}"></div>

javascript是

    function AppViewModel() {
    var self = this;
    self.brokerCommissions = ko.observableArray([
        {
        "broker": "y",
        "c": 0},
    {
        "broker": "x",
        "c": 0}
    ]);
    self.selectedBroker = ko.observable();
}

function initializeKO() {
    VM = new AppViewModel();
    ko.applyBindings(VM);
}
initializeKO();

任何人都可以告诉我原因。

Answer 1

你的主要问题是你没有正确包含koGrid JS文件（如果你查看浏览器的开发工具，你会看到在请求脚本时返回404）。

您的另一个问题是您使用的brokerCommissions.list不存在。只需尝试brokerCommissions：

<div style="height: 300px; width:600px;"
    data-bind="koGrid: { data: brokerCommissions,
                           isMultiSelect: false,
                           selectedItem: selectedBroker,
                           columnDefs: [
{ field: 'broker', displayName: 'First Name' }
]}"></div>

更新了小提琴： http://jsfiddle.net/z5Pdy/8/

不能显示基本的kogrid（用jsfiddle）

1 个答案: