Telerik MVC Grid自定义列图像按钮

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

您将需要覆盖该按钮正在使用的背景图像。在裸露的图片的情况下，它会创建这样

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

跨度所以你需要在你的CSS样式表创建一个类

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

注意Telerik的其图标使用精灵，所以你也需要重写背景位置