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

Question

在我的剑道网格上有一个按钮，默认是 add new record。我想改变它。我使用了以下标签但不起作用：

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

Answer 1

您可以为按钮设置模板，如下所示，

$("#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>'
     }]
});

使用您的文本代替 Create One。

Answer 2

当使用MVC时，你可以这样设置文本：

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

当使用jQuery 时使用这个：

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

Answer 3

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