Формат html.TextAreaFor в asp.net в MVC
У меня есть asp.net представление mvc, которое позволяет пользователю ввести некоторое описание в текстовом поле.
есть две проблемы, с которыми я сталкиваюсь.
либо при развертывании textarea он расширяется без перемещения других элементов html, либо я не могу создать Html.TextBoxFor () многострочное текстовое поле. Может ли кто-нибудь предложить решение этой проблемы? Если использовать Textarea, как заставить его расширяться (расти в размере), чтобы он не перекрывался с другими элементами или как использовать Формат html.TextBoxFor() для многострочных?
вот как выглядит мой код
<% using (Html.BeginForm())
{ %>
<%: Html.ValidationSummary(true)%>
<fieldset>
<div class="editor-label1">
<%: Html.LabelFor(Model => Model.PackageID)%>
</div>
<div class ="editor-field1">
<%: Html.HiddenFor(Model => Model.PackageID)%>
<%: Html.DisplayFor(Model => Model.PackageID)%>
<%: Html.ValidationMessageFor(Model => Model.PackageID)%>
</div>
<div class="editor-label1">
<%: Html.LabelFor(Model => Model.PackageName)%>
</div>
<div class ="editor-field1">
<%: Html.TextBoxFor(Model => Model.PackageName)%>
<%: Html.ValidationMessageFor(Model => Model.PackageName)%>
</div>
<div class="editor-label1">
<%: Html.LabelFor(Model => Model.PackageDesc)%>
</div>
<div class ="editor-field1" style= "padding-bottom: 50px; margin-bottom: 150px">
<%: Html.TextBoxFor(Model => Model.PackageDesc, new { TextMode = TextBoxMode.MultiLine, cols = "55", rows = "10" })%>
<%: Html.ValidationMessageFor(Model => Model.PackageDesc)%>
</div>
<div class="editor-label1">
<%: Html.LabelFor(Model => Model.PackageTitle)%>
</div>
<div class ="editor-field1">
<%: Html.TextBoxFor(Model => Model.PackageTitle)%>
<%: Html.ValidationMessageFor(Model => Model.PackageTitle)%>
</div>
<div class ="editor-label">
<%: Html.Label("Project ID") %>
</div>
<div class="editor-field">
<%:Html.DropDownList("ProjectID", (IEnumerable<SelectListItem>)ViewData["projects"])%>
</div>
<div>
<input type="submit" value="Save Edit" />
</div>
</fieldset>
<% } %>
3 ответов
визуализация TextArea
использование ASP.NET MVC Html
helper и сделать его изменяемым-это две разные проблемы. При использовании Html
helper вы можете добавить класс в textarea
как
<%:Html.TextAreaFor(x => x.SomeProperty, new { @class = "resizer" }) %>
затем вы можете подключить этот класс с помощью jQuery, чтобы сделать его изменяемым размером, когда он отображается на веб-странице. Пожалуйста, обратитесь к реализация изменяемого текстового поля? сведения об textarea
изменение размера.
используйте код ниже при использовании Razor
@Html.TextAreaFor(model => model.Comments, 10, 40, null);
еще лучше, если вы хотите автоматически рассчитать количество строк в textarea вы можете использовать это
@Html.TextAreaFor(m => m.Comments, Model.Comments.Count + 1, 40, null)