如何让 Knockout 将选择框的值绑定到列表项的属性？
我对 MyViewModel 的 IEnermerable 有一个 ASP.NET MVC 强类型视图，MyViewModel 定义为
public class MyViewModel{
public int Id {get;set;}
public string Name {get;set;}
public int Status{get;set;}
}
我正在使用、尝试使用、敲除数据来绑定 MyViewModel 的集合，以便用户可以使用下拉菜单更改状态。我的视图 js 看起来像：
$(document).ready(function () {
ko.applyBindings(new ViewModel());
});
var statusItems = [
{ id: 0, name: 'New' },
{ id: 1, name: 'Improved' },
{ id: 2, name: 'Bad' }
];
function ViewModel() {
var self = this;
self.Items = ko.observableArray(@Html.Raw(Json.Encode(Model)));
self.statuses = statusItems;
self.remove = function () {
if (confirm('Are you sure you want to remove the entry?\nThis operation cannot be undone.')) {
self.Items.remove(this);
}
}
}
我的标记是
<div id="dashboard-div">
@using (Ajax.BeginForm("Save", "Dashboard", new AjaxOptions { HttpMethod = "Post" }, new { id = "dashboardForm" }))
{
<table>
<thead>
<tr>
<th>Name</th>
<th>Status</th>
</tr>
</thead>
<tbody data-bind="foreach: Items">
<tr>
<td><span data-bind="text: Name" /><input type="hidden" data-bind="value: Id, attr: { name: '['+$index()+'].Id'}" /></td>
<td>
<select id="status-dropdown" data-bind="options: $parent.statuses, optionsText: 'name', optionsValue: 'id', value: Status" />
</td>
</tr>
</tbody>
</table>
</div>
<button data-bind="enable: Items().length > 0" type="submit">Save</button>
}
</div>
我遇到的问题是下拉值未绑定到状态。在初始页面加载时，下拉值已正确设置。即，如果它在数据库中为 1，则将选择“改进”，但是当我进入控制器中的 Save 方法时，每个项目 (MyViewModel) 的状态为 0。如果我将状态属性更改为键入字符串，一切都会再次工作，直到你到达所有状态值都为空的控制器。