asp.net - 如何扩大 DataType.MultilineText 的大小

Question

我在我的模型类上定义了以下内容：-

[DataType(DataType.MultilineText)]
public string Description { get; set; }

从我的观点来看，我有以下几点： -

<span class="f"> Description :- </span> 
    @Html.EditorFor(model => model.Description)
    @Html.ValidationMessageFor(model => model.Description)

现在输出将是一个小文本区域，但不会显示所有文本。那么我如何控制 DataType.MultilineText 的大小？

：：：编辑：：：

我在 CSS 文件中添加了以下内容：-

.f {
    font-weight:bold;
color:#000000;
}
.f textarea {
    width: 850px;
    height: 700px;
}

我已经定义了这个：-

<div >
<span class="f"> Description :- </span> 
@Html.TextArea("Description")
@Html.ValidationMessageFor(model => model.Description)
</div>

但多行显示实际上并没有改变。

score 4 · Accepted Answer

这对我有用，在模型中将 DataType 设置为 MultilineText：

[DataType(DataType.MultilineText)]
public string Description { get; set; }

在视图中指定 HTML 属性“rows”：

@Html.EditorFor(model => model.Description, new { htmlAttributes = new { rows = "4" } })

生成这样的 HTML：

<textarea ... rows="4"></textarea>

一个有 4 行的文本区域。

score 0 · Accepted Answer

那么我如何控制 DataType.MultilineText 的大小？

您可以为 textarea 定义一个类：

@Html.TextArea("Description", new { @class = "mytextarea" })

然后在你的 CSS 文件中：

.mytextarea {
    width: 850px;
    height: 700px;
}

2 回答 2