0

KOグリッドを機能させようとしています。私はKo2.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

あなたがフィドルから正確にコードをコピーした場合、私はただ1つの問題を考えることができます。ファイル参照エラー ..スクリプトタグはどのように見えますか..??

また、ブラウザのF12ボタンを押して、表示されるエラーを確認してください。

于 2012-09-21T00:18:04.390 に答える