Question

我的MVC视图有一个包含可编辑字段的表格如下。

  <td>
     <div class="view">
         <%= Model.device_Url%>
         </div>
         <div class="edit">
         <input type="text" name="deviceurl" id = "deviceurl" value="<%= Model.device_Url%>" />   

      </div>
 </td>

用户可以选择编辑，然后保存在上面的文本框字段中输入的值。

 <td class="options">
    <div class="view">
        <a href="#" class="switchToEdit">Edit</a>
    </div>
     <div class="edit">
      <a href="/Live/Update?streamurl=deviceurl class="save refresh">Save</a>
      <a href="#" class="cancel">Cancel</a>  
        </div>
    </td>

我想调用我的控制器/ Live / Update并传入URL中文本框中更改的值。

如何在文本框中输入值。

我需要使用java脚本吗？

Answer 1

除非您想使用传统提交，否则您将需要javascript。

最简单的方法是使用jQuery并使用与此类似的代码行获取值：

$("#deviceurl").val()

然后我会进行ajax调用，将值提交回控制器的操作。您可能还想使用Url.Action帮助程序来构建Url：

$.ajax(
        url: '<%=Url.Action("Update")%>,
        data : {deviceUrl :  $("#deviceurl").val()},
        success : function (result){
           // handle logic when the update succeeds
        }
      );

希望这有帮助

Answer 2

我建议您使用Html.ActionLink而不是使用此保存

like this : 
<%=Html.ActionLink("Save", 
                "Live",  // <-- Controller Name.
                "Update",   // <-- ActionMethod
                new { streamurl = deviceurl },
                new { @class = "save refresh" }
                )
%>

如何从视图中的文本框中输入值

2 个答案: