使标签可编辑

Question

我正在使用Razor MVC4在ASP.Net中开发一个应用程序。 我正在使用模型显示文本。

我的代码是

 <td>@Html.DisplayTextFor(model => item.UserName)</td>  

我想允许用户在点击它时编辑用户名。有没有办法实现同样的目标？我google了很多，有些人说我们可以使用Jquery来做到这一点。 但是我不想替换标签，好像用户没有更改标签，那么标签应该保留。任何帮助将受到高度赞赏。

此致

Answer 1

你必须使用一些Java脚本插件来实现这一点，并且不要试图重新发明轮子 -

尝试Jeditable

Answer 2

根据您的研究，您应该使用JQuery。

我会继续这样的事情：

• 点击标签后，将其替换为文本框并接受用户输入
• 在onBlur或输入键上将更改提交给您的控制器并验证数据（例如使用$ .post）
• 使用控制器的答案将文本框更改为使用新值标记或显示错误消息