css - 如何更改剑道 Excel 按钮内容文本

Question

我有一个具有 Excel 导出功能的 Kendo 网格。它会生成一个“导出到 Excel”文本按钮，我想更改其文本，例如“发送到 Excel”。

 @(Html.Kendo().Grid(Model).ToList())
.Name("Grid")

.Columns(columns =>
{
    //columns.Bound(p => p.BirimAd).Title("Birim").Width(500);
    columns.Bound(p => p.SehirAd).Title("Şehir").HtmlAttributes(new { style = "text-align:center" }).Width(200);
    columns.Bound(p => p.Value).Title("Value").HtmlAttributes(new { style = "text-align:center" }).Width(200);
    //columns.Bound(p => p.Avg).Title("Avg").HtmlAttributes(new { style = "text-align:center" }).Width(200);
})
  .ToolBar(tools => tools.Excel())

.Sortable()

.Excel(excel => excel
    .FileName("Rapor.xlsx")
    .Filterable(true)
    .ProxyURL(Url.Action("Excel_Export_Save", "Report"))
)

.ColumnMenu()
.DataSource(dataSource => dataSource
    .Ajax()

.Read(read => read.Action("Excel_Export_Read", "Report"))
)
    )

excel 按钮就是这样生成的:

<button class="k-button k-button-icontext k-grid-excel"><span class="k-icon k-i-excel"></span>Export to Excel</button>

我正在尝试这个 CSS:

 <style>

     .k-button k-button-icontext k-grid-excel
     {
         content:"Send to Excel";
     }
     .k-icon k-i-excel
     {
         content:"Send to Excel"
     }

 </style>

但它看起来像相同的文本。我该如何更改它？

Answer 1

使用自定义命令并通过 javascript api 调用导出

Razor :

.ToolBar(tools => tools.Custom("Export").Text("Send to Excel").Click("exportExcel"))

Javascript:

function exportExcel() {
    var grid = $("#grid").data("kendoGrid");
    grid.saveAsExcel();
});