我如何从ASP.NET MVC上的事件模糊将数据绑定到DisplayFor

Question

我正在使用事件模糊功能来失去对文本框的关注。 但是我仅将数据绑定到textboxfor，而不能将数据绑定到labelfor或displayfor。 我能怎么做 ？

我的Java脚本：

$('#PGId').blur(function () {
        var errormsg = "";
        var id = $('#PGId').val();
        $.ajax({
            type: "GET",
            url: '@Url.Action("GetDetailPG", "TimeSheetHeader")',
            data: { pgId: id },
            dataType: "json",
            success: function (data) {
                $("#FirstName").val(data.FisrtName)
                $("#LastName").val(data.LastName)
                $("#Shiff").val(data.ShiffId)
            },
            error: function (jqXHR, exception) {
                $('#error').html("Primitive Functions not allowed.")
            }
        });
    })

我的剃刀视图：

<div class="col-md-3 form-group">
                @Html.LabelFor(model => model.PGId) <em>( * )</em>
                @Html.TextBoxFor(model => model.PGId, new { @class = "form-control input-sm", @name = "normal" })
                @Html.DisplayFor(model => model.FirstName) @Html.DisplayFor(model => model.LastName)
</div>
<div class="col-md-3 form-group">
                @Html.LabelFor(model => model.Shiff)
                <div>
                    <label class="radio-inline">
                        @Html.RadioButtonFor(model => model.Shiff, "M") Morning
                    </label>
                    <label class="radio-inline">
                        @Html.RadioButtonFor(model => model.Shiff, "N") Night
                    </label>
                </div>
                <span style="color:red" class="help-block">@Html.ValidationMessageFor(model => model.Shiff)</span>
</div>

Answer 1

@Html.DisplayFor()不会生成具有id属性的元素，也不会生成具有value属性的控件，因此您不能使用$("#FirstName").val(data.FirstName) 。 而是创建一个具有所需id的容器元素，并在ajax调用中更新其内容（不确定ShiffId是什么-您没有为此显示任何html）

@Html.TextBoxFor(m => m.PGId, new { @class = "form-control input-sm" })
<div id="firstname">@Html.DisplayFor(m => m.FirstName)</div>
<div id="lastname">@Html.DisplayFor(m => m.LastName)</div>

然后在脚本中

success: function (data) {
  $("#firstname").text(data.FirstName)
  $("#lastname").text(data.LastName)
},

还要注意，您应该使用文本框的change事件（而不是blur ），以避免当用户只是在控件之间切换时不必要地调用服务器。

旁注：为什么要覆盖属性PGId的文本框的name属性？

编辑

基于OP编辑显示ShiffId html，以更新单选按钮，向单选按钮添加类名称（注意：添加了class属性以方便选择，并添加了id属性，因此没有重复项）

@Html.RadioButtonFor(model => model.Shiff, "M", new { id = "shiff-m", @class = "shiff" })
@Html.RadioButtonFor(model => model.Shiff, "N", new { id = "shiff-n", @class = "shiff" })

并将$("#Shiff").val(data.ShiffId)替换为（假定data.Shiff为“ M”或“ N”）

$('.shiff[value="' + data.Shiff + '"]').prop('checked', true);