MVC中Html.EditorFor宽度及高度如何设定?

[jinseyd]

Html.EditorFor中如何设定高度及宽度，<%: Html.EditorFor(model => model.Content)%>
如何生成像这样的格式：<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>

<%: Html.EditorFor(model => model.Content, new { @style="width:200px;height:150px"}})%>我这样设定不起作用，只用Html.TextBoxFor有效。

[jinseyd]

有没有人搞MVC的，帮帮忙啊？

[dingji33]

帮你看了下Html.EditorFor的方法签名：
http://msdn.microsoft.com/en-us/library/system.web.mvc.html.editorextensions.editorfor.aspx
其中并没有类似Html.TextAreaFor的Object htmlAttributes参数
我在生成textarea的时候，是这样用的：

<%=Html.TextAreaFor(Model => Model.PrjFundsInfo, new { rows = "8", style = "width:99%" })%>

[手抓宝]

<%= Html.EditorFor(model => model.Content, new { width="200px",height="150px"})%>

[jinseyd]

走过，路过的朋友帮忙看看~

[jinseyd]

Html.EditorFor生成的HTML不是input是textarea 。即使指定CSS样式也不行，
<%: Html.EditorFor(model => model.Content,new {@class="className"})%>
.className{width: 300px;height: 600px;}
毫无作用.

[dingji33]

哥们。。。仔细看方法签名啊，如果像7楼这样写：

<%= Html.EditorFor(model => model.Content, new { width="200px",height="150px"})%>

对应的方法签名是：

public static MvcHtmlString EditorFor<TModel, TValue>(
	this HtmlHelper<TModel> html,
	Expression<Func<TModel, TValue>> expression,
	Object additionalViewData
)
传送门：http://msdn.microsoft.com/en-us/library/ff406462.aspx

你的第二个参数new { width="200px",height="150px"}对应的是additionalViewData，怎么可能生效？如果你一定要用Html.EditorFor来生成你需要的textarea和样式，这里可以用如下方法：

public static MvcHtmlString EditorFor<TModel, TValue>(
	this HtmlHelper<TModel> html,
	Expression<Func<TModel, TValue>> expression,
	string templateName
)

简要说明一下使用：
假设你是在页面/Views/Student/Edit.aspx上使用Html.EditorFor，那么你可以在Student文件夹下面建一个叫做“EditorTemplates”（文件名固定）的文件夹，里面建一个例如叫area.ascx的控件，内容如下：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<string>" %>
<textarea style="width:200px" rows="5">
<%=Model %>
</textarea>

然后在/Views/Student/Edit.aspx上面就可以使用如下：

<%=Html.EditorFor(m=>m.CompanyName,"area") %>

你可以去看看MVC2下面的模板使用，很好很强大

[jinseyd]

TO:dingji33
用Html.TextAreaFo是可以，Html.EditorFor既然是生成textarea，为什么不能设置 cols和rows？

TO：hrabeyond
在Html.EditorFor中， new { width="200px",height="150px"} 不起作用。

[End]

[Quote=引用 7 楼 hrabeyond 的回复:]
<%= Html.EditorFor(model => model.Content, new { width="200px",height="150px"})%>
[/Quote]
这样也不可以？期待高手。。。。

[jinseyd]

就是说Html.EditorFor不会生成可调整的高度及宽度的样式，必须改其他方式。

[lxhandlxh01]

@Html.TextBoxFor(s => s.Title, new { style = "width:30%" })可以调解宽度 但是TextBoxFor最小宽度是80px

[随智阔]

[Display(Name = "描述")]
[StringLength(256)]
[DataType(DataType.MultilineText)]
public string Description { get; set; }





如果该属性是用 MultilineText 特性标记的，该方法就会生成多行文本框的标记。

[luxt888]

.text-box
{
width: 99%;
}

.text-box.multi-line
{
height: 100%;
}

[luxt888]

.text-box
{
width: 99%;
}

.text-box.multi-line
{
height: 100%;
}

[guren_d]

可以更改模型指定绑定的属性
[Required(ErrorMessage = “An Album Title is required”)]
[StringLength(160)]
[DataType(DataType.MultilineText)]
public string Title { get; set; }
这样Html.EditFro(p=>p.Title)
就会生成
<textarea class=”text-box multi-line” id=”Title” name=”Title”>
Let There Be Rock
</textarea>

[http3w]

<%:Html.TextAreaFor(model => model.Content, 10, 50, new { })%>
10行，50列