Question

使用：ASP .NET MVC 4 在我的一个页面中，我需要一个具有一定宽度和高度的 textarea ，使用 html helper class 。我的一些代码如下：

    <div class="editor-label">
        @Html.LabelFor(model => model.MailSubject)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.MailSubject)
        @Html.ValidationMessageFor(model => model.MailSubject)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.MailBody)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.MailBody)
        @Html.ValidationMessageFor(model => model.MailBody)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.Content)
    </div>
    <div class="editor-field1">
        @Html.EditorFor(model => model.Content)
        @Html.ValidationMessageFor(model => model.Content)
    </div>

我想知道如何定义 editorfor（model.content）的大小（宽度/隐藏）？

Answer 1

我意识到这个问题已经超过一年了，但万一有人在寻找答案，这里是：

Html.TextAreaFor(model => model.Field, new { rows = "", cols = "", style = "width: 90%; height: 50px;" })

您可以内联应用样式或使用类声明。这将在页面上呈现textarea，如下所示：

<textarea class="swiper-no-swiping" name="model.Field" cols="" rows="" style="width: 90%; height: 50px;"></textarea>

Answer 2

我有这个问题。我是新手，所以我不太确定，但使用以下我能够调整高度......

@Html.TextAreaFor(model => model.FullItinerary, 20, 10, null)

我仍然不知道如何调整宽度，我目前的谷歌任务......

Answer 3

编写客户帮助程序，或扩展TextAreaFor帮助程序的功能。

以下资源可帮助您创建自定义帮助程序：http://www.simple-talk.com/dotnet/asp.net/writing-custom-html-helpers-for-asp.net-mvc/

在asp .net mvc 4中使用htmlhelper创建textarea

3 个答案: