如何更改剑道网格按钮上的“文本”？

Question

在我的kendo网格上有一个按钮，默认为add new record。我想改变它。我用下面的标签，但不工作：

#turbinegrid .k-icon.k-add::after { 
    content: "ADD"; 
} 

Answer 1

#turbinegrid .k-icon.k-add { 
    font-size: 0px !important; 
} 
#turbinegrid .k-icon.k-add::after { 
    content: "New Text" !important; 
    font-size: 18px !important; 
} 

Answer 2

您可以像下面的按钮设置的模板，

$("#myGrid").kendoGrid({ 
toolbar: [{ 
     template: '<div><div style="float:left;"><h2>Tech Documents</h2></div><div style="float:right;margin: 2% 1% 1% 1%;"><a title="add new" class="k-button k-button-icontext k-grid-add" href="\\#"><span class="k-icon k-i-plus-outline"></span>**Create One**</a></div></div>' 
    }] 
}); 

使用文字的按钮代替创建一个 。

Answer 3

当使用MVC可以设置这样的文字：

@(Html.Kendo().Grid<GridViewModel>() 
    .ToolBar(tools => 
    { 
     tools.Create().Text("ADD"); 
    }) 
) 

当使用jQuery使用这样的：

$("#grid").kendoGrid({ 
    toolbar: [{ name: "create", text: "ADD" }] 
});