使文本框仅在单击同一视图中的编辑按钮后才可写

Question

我有三个 Textbox 将处于只读模式，例如 @Html.TextBoxFor(m => m.Whatever, new {@readonly = "readonly"}) 何时加载视图和一个编辑按钮。单击“编辑”按钮后，我希望 Textbox 可以在同一个 View 中写入。是否可以使用相同的 View 或者我是否必须为 TextBox

创建另一个没有 @readonly = "readonly" 属性的 View

Answer 1

您可以使用javascript/jquery删除readonly属性，例如

@Html.TextBoxFor(m => m.Whatever, new {@readonly = "readonly"})
<button id="edit" type="button">Edit</button>

$('#edit').click(function() {
    $('#Whatever').prop('readonly', false);
});

Answer 2

下面是 TextBox 和 Edit 按钮，如

@Html.TextBoxFor(m => m.Whatever, new {@readonly = "readonly"})

和

<button id="edit" type="button">Edit</button>

然后在 javascript

$('#edit').click(function() {
    $('#Whatever').removeAttr("readonly");
});

这将从 TextBox 中删除 readonly 属性。

使文本框仅在单击同一视图中的编辑按钮后才可写

To make Textbox write able only after click of Edit button in same View

asp.net-mvc

html.textboxfor