基于editorfor值更新displayfor

Question

是否有办法根据我在模板编辑器中输入的值来更新displayfor值?我已经创建了一个自定义编辑器和displayfor模板:

@model Models.AddressViewModel
<div class="address">
<div class="row">
    <div class="label">@Html.DisplayFor(model => model.Street)</div>
    <div class="label">@Html.DisplayFor(model => model.HouseNumber)</div>
</div>
<div class="row">
    <div class="label">@Html.DisplayFor(model => model.City)</div>
    <div class="label">@Html.DisplayFor(model => model.ZipCode)</div>
</div>

谢谢,

Answer 1

我猜你的目的有点，但我假设他们在同一时间在同一页面上?如果是这样，您可以简单地使用jQuery动态地更新这些值。

@model Models.AddressViewModel
<div class="address">
<div class="row">
    <div class="label label-street">@Html.DisplayFor(model => model.Street)</div>
    <div class="label label-housenumber">@Html.DisplayFor(model => model.HouseNumber)</div>
</div>
<div class="row">
    <div class="label label-city">@Html.DisplayFor(model => model.City)</div>
    <div class="label label-zipcode">@Html.DisplayFor(model => model.ZipCode)</div>
</div>

然后在jQuery中类似:

$("input#zipCode").blur(function(){
    $("div.label-zipcode").text($(this).val());
});

或者，如果您的表单都是Ajax的，您可以将编辑器值提交给控制器，然后返回显示视图。

我只能用你给的信息做最好的了。好运！

Answer 2

你给我的答案几乎是正确的。(("div.label-zipcode").val美元(这).val());,必须是美元("div.label-zipcode"). html($(这).val ());