MVC 3 html.TextBoxFor readonly 动态设置属性

发布于 2024-11-17 07:51:04 字数 369 浏览 2 评论 0原文

    <div class="editor-label" style="position:static">
        <%: Html.LabelFor(Model => Model.Date, "Date")%>
        <span style="padding-left:52px">
            <%: Html.TextBoxFor(Model => Model.Date)%>

在这里,我想在按钮单击/操作单击时将只读属性设置为文本框。我该怎么做。 在初始页面,数据显示为只读,并单击编辑按钮。这应该更改为可编辑文本框。我有几乎七个文本框,我需要对所有文本框执行相同的操作。

    <div class="editor-label" style="position:static">
        <%: Html.LabelFor(Model => Model.Date, "Date")%>
        <span style="padding-left:52px">
            <%: Html.TextBoxFor(Model => Model.Date)%>

Here i want to set the readonly property to the textbox on a button click/Action Click. how do i do it.
At the initial page the data is been displayed as readonly and on the edit button click. This should be changed to editable textbox.I have almost seven textboxes i need to do the same for all.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

揽月 2024-11-24 07:51:04

如果我正确理解你的问题,这可以用一点 JavaScript 来完成。这是一个简单的例子。

在页面加载时将每个文本框呈现为只读:

<%: Html.TextBoxFor(model => model.Date, new { @readonly = "readonly" }) %>

为编辑按钮添加一个单击处理程序,该处理程序将从每个文本框中删除只读属性:

$("#editButton").click(function() {
    $("#Date").removeAttr("readonly");
});

If I understand your question correctly, this can be accomplished with a little javascript. Here's a simple example.

Render each textbox as readonly on page load:

<%: Html.TextBoxFor(model => model.Date, new { @readonly = "readonly" }) %>

Add a click handler for your edit button that will remove the readonly attribute from each textbox:

$("#editButton").click(function() {
    $("#Date").removeAttr("readonly");
});
虫児飞 2024-11-24 07:51:04

使用以下内容:

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

希望这有帮助:)

Use the following:

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

Hope this helps :)

·深蓝 2024-11-24 07:51:04

我认为你应该把

@readonly = true

@readonly = *your-expression-here*

I think you should put

@readonly = true

or

@readonly = *your-expression-here*
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文