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的其圖標使用精靈，所以你也需要重寫背景位置