Question

我使用Telerik MVC Grid，我正在尝试更改自定义列的按钮图像。

column.Command(Sub(cmd)
                   cmd.Custom("Editar").ButtonType(GridButtonType.BareImage).HtmlAttributes(New With{ .class="btnDelete"}).DataRouteValues(Sub(route)
                                                                                                                         route.Add(Function(x) x.idPedidoDocumentacao).RouteKey("idPedidoDocumentacao")
                                                                                                                     End Sub).Action("DetalhePedido", "Pedido").SendDataKeys(True)
                            End Sub).Width("5%").Title("Editar")

我在我的css文件中创建了一个类：

.btnDelete

{

background-position:0px 0px;
background:url(/Images/delete.png);

}

任何人都可以帮我解决这个问题吗？ THKS！

Answer 1

您需要覆盖按钮正在使用的背景图像。如果是Bare Image，它会创建一个像这样的跨度

<span class="t-icon t-add" />

因此，您需要在css样式表

上创建一个类

span.t-icon.t-add{
background-image: ur('yourimagepath');
}

请注意Telerik在其图标上使用精灵，因此您还需要覆盖背景位置

Telerik MVC网格自定义列图像按钮

1 个答案: