HTML.TextAreaFor MVC3答案

【问题标题】：HTML.TextAreaFor MVC3HTML.TextAreaFor MVC3
【发布时间】：2011-11-15 22:59:00
【问题描述】：

我有大量的文本数据，我想以 HTML.TextAreaFor() 之类的方式显示它们。我使用只读的 html 属性尝试了这个。但是，用户仍然可以选择日期并单击该框。这让用户感到困惑。是否有另一个控件我可以使用，或者我可以使用 HTML.TextAreaFor() 的其他属性使其看起来不可编辑。

@Html.TextArea("SOWDescription", Model.SowDescription,
     new { rows = 5, cols = 50, @class = "celltext2", @readonly="true" })

TextAreaFor

【问题讨论】：

【解决方案1】：

你可以把它放在一个类似 div 的地方，并允许它使用 css 滚动：

<div style="height: 300px; overflow: scroll;">@Model.SowDescription</div>

【讨论】：

@twaggs...酷，我会使用哪些 CSS 属性。我是 MVC3 的新手
@MikeTWebb 我更新了他的答案以显示css，最重要的部分显然是overflow: scroll
您需要设置包含元素（示例中为 div）的宽度和高度并查看溢出：w3schools.com/cssref/pr_pos_overflow.asp
如果您只希望它在一个方向滚动，您可以独立限制 x/y 的溢出（即 overflow-y: scroll 仅用于垂直滚动）
@Twaggs....这是很好的信息...但是，与 TextAreaFor 的问题相同。用户可以单击 div 并突出显示文本，即使他们无法编辑它...hmmmmm。想法？

【解决方案2】：

我使用了“不可选择”属性。它确实使 HTML 无效。在 CSS 3.0 中，这是禁止选择文本的唯一方法。

【讨论】：