0

私の目標は、ノックアウトで管理されるソート可能な要素のリストを作成することです。しかし、何らかの理由で、私が作成した observableArray は常に空のままです。ここでひどく明白な何かが欠けているように感じます...

<script type="text/javascript">
//var initialData = @Html.Raw(new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(Model));
//console.log(initialData);

var test = [{ Position: 1 },
            { Position: 2 },
            { Position: 3 },
            { Position: 4 },
            { Position: 5 }];

var viewModel = {};
    viewModel.Offers = ko.observableArray(test);

    viewModel.addOffer = function() {
        this.Offers.push({ Position : 5});
        console.log(this);
    };

$(function () {
    ko.applyBindings(viewModel, document.body);

    $( "#sortable" ).sortable().disableSelection();
});

問題の JSFiddle

4

1 に答える 1

3

テンプレート名を一重引用符で囲む必要がありました。

<ul id="sortable" 
    data-bind="template: {name: 'offerTemplate', foreach: Offers}">

ここではJSFiddleが動作しています。

于 2012-04-26T06:12:53.397 に答える