asp.net - 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 のサイズを制御できますか?

：：：編集：：：

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 のサイズを制御できますか?

テキストエリアにクラスを定義できます：

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

そしてあなたのCSSファイルで：

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

2 に答える 2