1

私のjson呼び出しはオブジェクト配列を返します:

[
{
Table: 1,
FirstName: "Bert",
LastName: "Smith",
Place: 1
},
{
Table: 1,
FirstName: "Suzanne",
LastName: "Smith",
Place: 2
},
{
Table: 1,
FirstName: "Matthew",
LastName: "Stewart",
Place: 3
},
{
Table: 1,
FirstName: "Brian",
LastName: "Robinson",
Place: 4
},
{
Table: 1,
FirstName: "Jennifer",
LastName: "Robinson",
Place: 5
},
{
Table: 1,
FirstName: "Andrew",
LastName: "Caygill",
Place: 6
},
{
Table: 1,
FirstName: "Susan",
LastName: "Caygill",
Place: 7
},
{
Table: 1,
FirstName: "John",
LastName: "Spreadbury",
Place: 8
},
{
Table: 1,
FirstName: "Anne-Marie",
LastName: "Nevin",
Place: 9
}]

HTML にテンプレートがあります。

<script type="text/html" id="dataLine">
    <div class="itemLine">
        <div class="Name">
            <span class="fixtureBoxLine" data-bind="text: fullName"></span>
        </div>
        <div class="TableNo">
            <span class="fixtureBoxLine" data-bind="text: Table"></span>
        </div>
    </div>
</script>

バインディングは次のとおりです。

<div data-bind="template: { name: 'dataLine', foreach: pageCol1 }"></div>

私のビューモデルは次のとおりです。

var viewModel = {
    fields: ko.observableArray([]),
    pageSize: ko.observable(1),
    pageIndex: ko.observable(0)
}; 
viewModel.pageCol1 = ko.computed(function() {
    var size = Number(this.pageSize());
    var start = this.pageIndex() * size * 2; //2 cols per page
    var end = start + size;
    return this.fields.slice(start, end);
}, viewModel);

「フルネーム」プロパティを取得できないことを除いて、すべて正常に動作します。上記の "pageCol1" で行ったのと同じ方法でビューモデルに追加しようとすると、json の成功プロパティは次のようになります。

viewModel.fields(xlData); 

返されたデータに「fullName」プロパティがないため、機能しません。

今日はありとあらゆる組み合わせを試しましたが、頭が痛くなりました!誰かが私を正しい方向に向けてください。

ありがとう!

4

1 に答える 1