Knockout JS Observable Array 和 Model 绑定

Question

我正在尝试学习如何使用淘汰赛，但还没有找到一个简单的例子来说明我想要实现的目标。我只是想将我的 mvc Model 类中的 List 绑定到我的 viewModel 以进行淘汰。例如，如果我有下面的模型..这是一个类文件。

public class PropaneMaintModel
{
   public List<PropaneMaintAssignment> PropaneMaint{get;set;}
   public List<string> LocationIds { get; set; }
   public int? SelectedLocation { get; set; }
}

public class PropaneMaintAssignment
{
    public int StoreNumber { get; set; }
    public int Tanks { get; set; }

    [Required(ErrorMessage="Tank Size must have a value")]
    [Range(0,10000,ErrorMessage="Tank Size must be between 0 and 10000.")]
    public int TankSize { get; set; }
}

如何让列表“PropaneMaint”与淘汰赛绑定一起使用？我需要像淘汰赛网站上的示例一样从列表中添加/删除。我的视图模型定义如下，但它不起作用。

 function propaneMaintViewModel() {
    var viewModel = this;

    viewModel.PropaneMaint = ko.observableArray([]);
    viewModel.addNew = function () {
        viewModel.PropaneMaint.push(
            {
                StoreNumber: 0,
                Tanks: 0,
                TankSize: 0
            }
       );
    }
}

ko.applyBindings(new propaneMaintViewModel());

Answer 1

Knockout 没有直接绑定到任何 c# 模型。您可以做的是将您的 MVC 视图模型序列化为 json 对象，然后将其绑定。即：

function bindModels(arr) {
    var propaneMaintAssignments = new Array();
    for (var i = 0; i < arr.length; i++)
        propaneMaintAssignments.push(new PropaneMaintAssignment(arr[i]));
    return propaneMaintAssignments;
}

function PropaneMaintAssignment(model) {
    for(var property in model)
       this[property] = model[property];  //bind all properties
}

var json = @Html.Raw(new JavaScriptSerializer().Serialize(Model.PropaneMaint)); //results in an array
var list = bindModel(json);  //makes an array of named objects
viewModel.PropaneMaint(list);  //adds that array of named objects to your observableArray