1

私は最初のコグリッドを試しています。これを使用して単純なデータグリッドを表示しようとしています。コードは実行されますが、何も表示されません。jsfiddleはhttp://jsfiddle.net/z5Pdy/6/にあります

HTMLは

    <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();

誰でも理由を教えてもらえますか?

4

1 に答える 1

1

主な問題は、koGrid JSファイルが正しく含まれていないことです(ブラウザーの開発ツールをチェックアウトすると、スクリプトが要求されたときに404が返されることがわかります)。

もう1つの問題は、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/

于 2012-10-23T02:06:39.227 に答える