我正在使用WebGrid,并且希望在标题中显示具有排序顺序的标题中的图像或字符,例如“^”“v”。ASP.NET MVC 3 WebGrid排序顺序图像
我该怎么做?
这是我Webgrids之一的代码:
<div id="contenedor-gridACTIVIDAD">
@{
WebGrid gridACTIVIDAD = new WebGrid(Model.actividadDiaria, ajaxUpdateContainerId: "contenedor-gridACTIVIDAD", rowsPerPage: 20);
}
@gridACTIVIDAD.GetHtml(
fillEmptyRows: true,
alternatingRowStyle: "fila-alternativa",
headerStyle: "encabezado-grid",
footerStyle: "pie-grid",
mode: WebGridPagerModes.All,
firstText: "<<",
previousText: "<",
nextText: ">",
lastText: ">>",
columns: new[] {
gridACTIVIDAD.Column("contrato", header: "Contrato"),
gridACTIVIDAD.Column("Observacion", header: "Observación"),
gridACTIVIDAD.Column("DESCR", header: "Tarea"),
gridACTIVIDAD.Column("FECHA", header: "Fecha",
format: (item) =>
{
return item.fecha.ToString("dd/MM/yyyy");
}
),
gridACTIVIDAD.Column("",
header: "ESTADO",
format: (item) =>
{
if (item.estado == "VC")
{
return Html.Image("/Imagenes/vc.gif","Validado correcto", new { @border = "0"});
}
else if (item.estado == "VI")
{
return Html.Image("/Imagenes/vi.gif", "Validado incorrecto", new { @border = "0" });
}
else if (item.estado == "NV")
{
return Html.Image("/Imagenes/vp.gif", "No validado", new { @border = "0" });
}
else
{
return Html.Image("/Imagenes/nv.png", "Pendiente validar", new { @border = "0" });
}
}
),
gridACTIVIDAD.Column("JDP", header: "JDP")
}
)
</div>
非常感谢你,这工作正常! – cdiazal
@Skuld:如果我删除了webgrid的ajaxification(ajaxUpdateContainerId:“contenedor-gridACTIVIDAD”),则不起作用。 (因为标题列不会保存链接值)有人可以告诉我如何使用jQuery显示排序图标(以及webgrid的jaxification)。 – HKGR