如何更改剑道网格按钮上的＆＃34;文字＆＃34;？

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>'
     }]
});

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

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;
}