asp.net-mvc-3 - MVC3 文本框文本更改事件

Question

我有以下场景，使用 mvc3：

我有一个包含 RecordID、RecordName 和 RecordType 的数据库表。显示的是三个文本框，一个用于前面提到的每个字段。

我的问题是，当我在相关文本框中输入 RecordID 时，我希望能够显示该特定 RecordID 的 RecordName 和 RecordType。我怎样才能做到这一点？

Answer 1

在视图中：

@Html.TextBoxFor(model => model.RecordId)
@Html.TextBoxFor(model => model.RecordName)
@Html.TextBoxFor(model => model.RecordType)

<script language="javascript">
$('#RecordId').change(function(){
    var recordId = this.value;
    $.getJSON("/MyController/GetRecordById",
        {
            id: recordId
        },
        function (data) {
            $('RecordName').val(data.Name);
            $('RecordType').val(data.Type);
        });
});
</script>

在控制器中：

public JsonResult GetRecordById(int id)
{
    var record = recordRepository.GetById(id);
    var result = new {
                         Name = record.Name,
                         Type = record.Type
                     }

    return Json(result, JsonRequestBehavior.AllowGet);
}