Asp.net mvc Razor多行内联模板
如何定义多行内联模板Asp.net mvc Razor多行内联模板,asp.net-mvc,razor,Asp.net Mvc,Razor,如何定义多行内联模板 @model List<Employee> @{ View.Title = "Employee List"; } @{ var grid = new WebGrid(source: Model, defaultSort: "FirstName", rowsPerPage: 3); } <p> <h2>Employee List</h2&g
@model List<Employee>
@{
View.Title = "Employee List";
}
@{
var grid = new WebGrid(source: Model,
defaultSort: "FirstName",
rowsPerPage: 3);
}
<p>
<h2>Employee List</h2>
<div id="grid">
@grid.GetHtml(
tableStyle: "grid",
headerStyle: "head",
alternatingRowStyle: "alt",
columns: grid.Columns(
grid.Column("FirstName"),
grid.Column("LastName"),
grid.Column("Salary",format:@<text>$@item.Salary</text>)
)
)
</div>
</p>
例如,此网格有一个内联模板(最后一列的format参数)。内联模板中包含多行html的语法是什么
@model List<Employee>
@{
View.Title = "Employee List";
}
@{
var grid = new WebGrid(source: Model,
defaultSort: "FirstName",
rowsPerPage: 3);
}
<p>
<h2>Employee List</h2>
<div id="grid">
@grid.GetHtml(
tableStyle: "grid",
headerStyle: "head",
alternatingRowStyle: "alt",
columns: grid.Columns(
grid.Column("FirstName"),
grid.Column("LastName"),
grid.Column("Salary",format:@<text>$@item.Salary</text>)
)
)
</div>
</p>
@型号列表
@{
View.Title=“员工列表”;
}
@{
var grid=新的WebGrid(来源:模型,
defaultSort:“FirstName”,
行数:3);
}
员工名单
@grid.GetHtml(
表样式:“网格”,
头型:“头”,
alternatingRowStyle:“alt”,
列:grid.columns(
网格栏(“名字”),
grid.Column(“LastName”),
grid.Column(“工资”,格式:@$@item.Salary)
)
)
您应该可以有多行,如FLOWING:
@grid.GetHtml(
tableStyle: "grid",
headerStyle: "head",
alternatingRowStyle: "alt",
columns: grid.Columns(
grid.Column("FirstName"),
grid.Column("LastName"),
grid.Column("Salary",format:@<text>$@item.Salary<br/>
<p>Here's another line</p>
</text>)
)
)
@grid.GetHtml(
表样式:“网格”,
头型:“头”,
alternatingRowStyle:“alt”,
列:grid.columns(
网格栏(“名字”),
grid.Column(“LastName”),
grid.Column(“Salary”,格式:@$@item.Salary
还有一句话
)
)
)
您是否看到任何特殊问题?是的,这很有效。我并没有用标签围绕内联模板的所有内容。非常感谢。