如何扩展DataType.MultilineText的大小

Question

我在我的Model类中定义了以下内容： -

[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的大小？

::: EDIT :::

我已将以下内容添加到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>

但是在多行显示方面没有任何改变。

Answer 1

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

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

在视图中指定HTML属性＆＃34; rows＆＃34;：

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

像这样生成HTML：

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

包含4行的文本区域。

Answer 2

  

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

您可以为textarea定义一个类：

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

然后在你的CSS文件中：

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