Asp.net mvc 将属性标题添加到grid.GetHtml中的标题
我在MVC中有这样一个网格:Asp.net mvc 将属性标题添加到grid.GetHtml中的标题,asp.net-mvc,Asp.net Mvc,我在MVC中有这样一个网格: @grid.GetHtml(columns: grid.Columns( grid.Column("WorkHours", header: "C.H. ↑↓",style: "text-align-center"), grid.Column("BasicWage", "Vc.Base ↑↓", style: "text-align-center", format: (item) => item.BasicWage.ToString()
@grid.GetHtml(columns: grid.Columns(
grid.Column("WorkHours", header: "C.H. ↑↓",style: "text-align-center"),
grid.Column("BasicWage", "Vc.Base ↑↓", style: "text-align-center", format: (item) => item.BasicWage.ToString() + " €"),
grid.Column("WageComplement", "Cmpl. ↑↓", style: "text-align-center"),
grid.Column("SubsMeal", "Sub.Ref. ↑↓", style: "text-align-center"),
grid.Column("WageVariableIndex", "Rem.Var.Ind. ↑↓", style: "text-align-center"),
grid.Column("WageVariableNonAdjustable", "Rem.Var. Ñ Reg. ↑↓", style: "text-align-center"),htmlAttributes: new { @class="compSalTable"})
<table>
<th title="Work Hours"> C.H. ↑↓ </th>
....
</table>
现在我想给我的标题添加标题,这样当你把鼠标移到标题上时,它就会显示一个文本
在html代码中,您可以这样做:
@grid.GetHtml(columns: grid.Columns(
grid.Column("WorkHours", header: "C.H. ↑↓",style: "text-align-center"),
grid.Column("BasicWage", "Vc.Base ↑↓", style: "text-align-center", format: (item) => item.BasicWage.ToString() + " €"),
grid.Column("WageComplement", "Cmpl. ↑↓", style: "text-align-center"),
grid.Column("SubsMeal", "Sub.Ref. ↑↓", style: "text-align-center"),
grid.Column("WageVariableIndex", "Rem.Var.Ind. ↑↓", style: "text-align-center"),
grid.Column("WageVariableNonAdjustable", "Rem.Var. Ñ Reg. ↑↓", style: "text-align-center"),htmlAttributes: new { @class="compSalTable"})
<table>
<th title="Work Hours"> C.H. ↑↓ </th>
....
</table>
C.H。↑↓
....
如何在MVC网格中做到这一点?我认为没有内置的方法可以做到这一点。您可以从中看到,
WebGrid.Column
仅为标题说明一个字符串(无法指定HTML属性)
您可能需要使用Javascript黑客来做的事情。例如:
// hopefully you can render this lookup part using a Razor loop
var titleLookup = {
"C.H. ↑↓", "Work Hours",
"Vc.Base ↑↓", "Basic Wage",
...
};
$("table th").each(function() {
$(this).attr("title", titleLookup[$(this).text().trim()));
});
这是您在使用任何RAD类型的东西(如WebGrid)时经常遇到的问题。很快,您就需要一个不受支持的功能,实现基本功能变得非常乏味。谢谢您的回答。请看一下我的答案。@user3384203我想我的原始答案的问题是
el
没有JQuery包装。请查看我的更新答案。正在工作!:非常感谢!