Question

我有一个文本框，我在我的视图中调用如下：

@Html.TextBoxFor(Function(m) m.ActivityIDReturn)

我希望能够做的是每当在该文本框中插入值时，我希望它更新模型而不必点击任何类型的提交按钮。通过此文本框的值在视图中填充了几个元素。

理想情况下，文本框看起来像这样：

@Html.TextBoxFor(Function(m) m.ActivityIDReturn, new with {Key .onchange=UpdateModel()})

或

@Html.TextBoxFor(Function(m) m.ActivityIDReturn, new with {Key .onchange= RETLog(ActivityIDReturn:=ActivityIDReturn)})

RETLog（）是在第一时间创建视图的函数。

到目前为止，我能够实现这一目标的唯一方法是：

@Html.TextBoxFor(Function(m) m.ActivityIDReturn, New With {Key .onchange = "javascript:submit()"})

但我只能想象这种事情会带来什么可怕的副作用。

编辑：正是我想在这里完成的事情

在我的模型中，我有这个：

Public Property PS As RecordsTaskView
            Get
                Return GlobalVar.db.PS.RecordsTaskViews.Find(ActivityIDReturn)
            End Get
            Set(ByVal value As RecordsTaskView)
                value = GlobalVar.db.PS.RecordsTaskViews.Find(ActivityIDReturn)
            End Set
End Property

在我看来，我有这个：

 @Html.LabelFor(Function(m) m.ActivityIDReturn)
 @Html.TextBoxFor(Function(m) m.ActivityIDReturn, New With {Key .onchange="javascript:submit()"})
 @Html.DisplayFor(Function(m) m.PS.RefActionID)
 @Html.DisplayFor(Function(m) m.PS.QutDesc)
 @Html.DisplayFor(Function(m) m.PS.TaskDesc)
 @Html.DisplayFor(Function(m) m.PS.CltCode)
 @Html.DisplayFor(Function(m) m.PS.CltDesc)
 @Html.DisplayFor(Function(m) m.PS.BenIDin)

基本上所有这些DisplayFor都由此文本框的值填充。当用户在文本框中输入值而用户不必刷新页面，或者点击输入或点击任何按钮时，我希望填充这些DisplayFor值。

以下是我的代码的完整视图：https://gist.github.com/aaronmallen/7042328

Answer 1

你需要使用jquery ajax调用。

$('#ActivityIDReturn').change(function(){
    $.ajax({
        url: '@Url.Action("Action", "Controller")',
        type: 'post',
        data: {
            Text: $('#TextField').val()
        },
        success: function (_result) {
            $('#TaskDesc').val(_result.foo);
        }
     });
});

我没有像你在你的小提琴手里那样做。我一直用lamda这样的东西来完成它们

@Html.DisplayFor(Function(m) m.TaskDesc)

将自动生成TaskDesc的id。您需要查看生成的Html，以确保您在jquery中调用的id匹配。

和控制器方法

<HttpPost()> _
Public Function UpdateFields(Text As String) As ActionResult
    Dim model as MODELNAME = //query the database
    Return Json(New With { .foo = model.bar, .baz = model.baz });
End Function

每次字段更改时都会触发，因此如果他们输入一个包含10个字母的单词，则会触发10次。希望这有助于

在Html.TextBoxFor（）onchange事件上更新模型值而不提交

1 个答案: