Создание текстовой области с помощью htmlhelper в asp .net mvc 4

Question

ИСПОЛЬЗОВАНИЕ: ASP .NET MVC 4 на одной из моих страниц мне нужна текстовая область с определенной шириной и высотой с использованием вспомогательного класса html. часть моего кода приведена ниже:

    <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>

Мне интересно, как я определяю размер (ширина / скрыть) редактора для (model.content)?

Answer 1

Я понимаю, что этому вопросу больше года, но на всякий случай, если кто-то ищет ответ, вот он:

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

Вы можете применить встроенные стили или использовать объявление класса. Это отобразит текстовую область на странице следующим образом:

<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)

Я до сих пор не знаю, как настроить ширину, моя текущая миссия Google...

Answer 3

Напишите помощника клиента или расширьте функциональность помощника TextAreaFor.

Вот ресурс, который поможет вам создать собственного помощника: http://www.simple-talk.com/dotnet/asp.net/writing-custom-html-helpers-for-asp.net-mvc/