我正在寻找关于如何填充在检索列表并在下拉列表中选择项目后传递给视图的viewmodel的建议。请注意,我也有一个用于Ajax/Knockout客户端代码的客户端视图模型,但这不是我试图填充的视图模型。我可能必须从一个视图模型映射到另一个视图模型,但我不确定这是否是正确的解决方案。使用JavaScript/Knockout下拉菜单中的选定值填充MVC3视图模型?
查看 - 表格
在我的表单中我使用淘汰赛和JavaScript为我的下拉菜单。如何使用所选的县代码值填充视图模型m.VMResidencyWTCS.ScCountyCd字段?是否有可能捕捉到描述?如果是这样,那么如何做呢?
@model Apps.Model.ViewModels.AVMApplicationInfo
...
@using (Html.BeginForm("ApplicationDetails", "PersonalInfo"))
{
<fieldset>
<div class="appl-step">
...
<div class="editor-label">
<span class="error">*</span>@Html.LabelFor(m => m.VMResidencyWTCS.ScCountyCd)
</div>
<div class="editor-field">
<select id='counties'
data-bind='
options: selectedResidencyState() ? counties : null,
optionsValue : "CountyCd",
optionsText: "CountyDescr",
optionsCaption: "[Please select a county]",
value: selectedCounty,
visible: (counties() && counties().length > 0)'>
</select>
<span data-bind='
template: {name: "noInfoTemplate"},
visible: !(counties() && counties().length > 0)'>
</span>
</div>
视图 - JavaScript的
这是我打电话给控制器为县下拉列表中的脚本。请注意,当在另一个下拉列表中选择某个州时,会填充县下拉列表。
<script type='text/javascript'>
$(document).ready(function() {
var residency = function() {
this.selectedResidencyState = ko.observable();
this.selectedCounty = ko.observable();
...
this.states = ko.observableArray();
this.counties = ko.observableArray();
...
this.selectedResidencyState.subscribe(function (stateCd) {
this.selectedCounty(undefined);
this.counties(undefined);
if (stateCd != null) {
$.ajax({
url: '@Url.Action("GetCounties", "PersonalInfo")',
data: { stateCd: stateCd },
type: 'GET',
success: function (data) {
residencyViewModel.counties(data);
}
});
}
} .bind(this));
};
var residencyViewModel = new residency();
ko.applyBindings(residencyViewModel);
//Load the states
$.ajax({
url: '@Url.Action("GetResidencyStates", "PersonalInfo")',
type: 'GET',
success: function (data) {
residencyViewModel.states(data);
}
});
});
</script>
控制器
public class PersonalInfoController : Controller
{
…
[HttpGet]
public virtual ActionResult GetCounties(string stateCd)
{
var counties =
(
from county in this._countyRepository.All
where (county.CountryCd == "USA" && county.ResidencyStateCd == stateCd)
select new
{
CountyCd = county.CountyCd,
CountyDescr = county.CountyDescr,
StateCd = county.ResidencyStateCd,
CountryCd = county.CountryCd // Added for populating model ?Needed?
}
).ToList();
return Json(counties, JsonRequestBehavior.AllowGet);
}
我对你的问题有点困惑。你只是问如何让县代码成为一个淘汰赛viewmodel观察? – Tyrsius 2011-12-14 19:44:38