替换 Asp.net MVC Razor 中的 TextAreaFor 代码

Question

以下是我的模型属性

[Required(ErrorMessage = "Please Enter Short Desciption")]
[StringLength(200)]
public string ShortDescription { get; set; }

以下是我相应的视图代码

@Html.TextAreaFor(model => model.Product.ShortDescription, new { cols = "50%", rows = "3" })
@Html.ValidationMessageFor(model => model.Product.ShortDescription)

这就是它在浏览器中显示的方式，这是我想要的方式。

现在，由于有一个 Microsoft MVC3 版本中的错误，我无法验证表单并提交并产生烦人的错误。

请告诉我解决方法或任何可以代替 TextAreaFor 的代码。我无法使用 EditorFor，因为使用它，我无法使用 rows 和 cols 参数。我想在浏览器中保持我的字段外观。让我知道在这种情况下应该做什么

Answer 1

在渲染此视图的控制器操作中，确保您已实例化依赖属性（在您的情况下为 Product），以便它不为空：

非工作示例：

public ActionResult Foo()
{
    var model = new MyViewModel();
    return View(model);
}

工作示例：

public ActionResult Foo()
{
    var model = new MyViewModel
    {
        Product = new ProductViewModel()
    };
    return View(model);
}

另一种可能性（以及我的情况）推荐）是用 [DataType] 属性装饰您的视图模型属性，指示您将其显示为多行文本的意图：

[Required(ErrorMessage = "Please Enter Short Desciption")]
[StringLength(200)]
[DataType(DataType.MultilineText)]
public string ShortDescription { get; set; }

在视图中使用 EditorFor 帮助器：

@Html.EditorFor(x => x.Product.ShortDescription)

并 直到行和您在问题中表达的担忧的 cols 参数，您可以简单地使用 CSS 来设置文本区域的宽度和高度。例如，您可以将此文本区域放入 div 或具有给定类名的内容中：

<div class="shortdesc">
    @Html.EditorFor(x => x.Product.ShortDescription)
    @Html.ValidationMessageFor(x => x.Product.ShortDescription)
</div>

并在 CSS 文件中定义其尺寸：

.shortdesc textarea {
    width: 150px;
    height: 350px;
}