1

我正在使用ASP.NET MVC 4最新版本的jQuery.

我有一个用于输入分行号的文本框。在此文本框中输入分支编号并失去焦点后,我需要进行 AJAX 调用以检索分支名称。然后我需要在视图上显示这个分支名称,只是为了查看而不是编辑。

我的文本框的 HTML 标记和分支名称的“文本”:

<td class="edit-label">Branch Number: <span class="required">*</span></td>
<td>
    @Html.TextBoxFor(x => x.BranchNumber, new { maxlength = "6" })
    @Html.Display("BranchName", new { id = "BranchName" })
</td>

我的 jQuery 代码:

$('#BranchNumber').blur(function () {
    var url = '@Url.Action("GetBranchName")';
    var data = { branchNumber: $('#BranchNumber').val() };

    $.getJSON(url, data, function (data) {
        $('#BranchName').text(data);  // Need to have an element to populate the data
    });
});

我调用服务以带回分支名称的操作方法:

public ActionResult GetBranchName(long branchNumber)
{
    Check.Argument.IsNotNegative(branchNumber, "branchNumber");

    string branchName = myService.GetBranchName(branchNumber);

    return Json(branchName, JsonRequestBehavior.AllowGet);
}

我的视图模型:

public class MyViewModel
{
    public long BranchNumber { get; set; }

    public long BranchName { get; set; }
}

当我返回分支名称时,我需要在视图上显示它。我不确定显示它的最佳方式是什么?我已经尝试过 LabelFor 和 DisplayFor 但它没有显示,所以当返回分支名称时它找不到控件所以它不显示。文本框工作正常,但我不希望用户能够更改分支的名称。

什么是最好的解决方案?我应该只有一个 span 元素,然后在这里显示分支名称吗?

4

1 回答 1

0

您可以使用强类型视图、任何 html 元素,并且仍然允许模型绑定器完成它的工作。

// your view
// using div as an example
<div id="@("Branch"+Model.BranchName)">@Model.BranchName</div>
//
// in your js do this
$.getJSON(url, data, function (data) {
    $('#Branch'+@Model.BranchName).text(data);
});
于 2013-04-19T14:10:51.047 回答