如何更改 Kendo Excel 按钮内容文本

Question

我有一个 Kendo 网格，它具有 Excel 导出功能。它会产生一个“导出到 Excel”文本按钮，我想将其文本更改为 "Send to 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

调用导出

剃须刀：

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

Javascript:

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

Answer 2

我覆盖绑定事件中的文本：

@(Html.Kendo().Grid(Model)
  Events(eventes => {
     eventes.DataBound("bound"); 
  })
  .ToolBar(tools => tools.Excel())
  .Excel(excel => excel
        .FileName("Test.xlsx")
        .Filterable(true)
        .ProxyURL(Url.Action("TestExcel", "Export"))
    )

然后在绑定事件中：

<script>
function bound(e) {
   ...
   $(".k-grid-excel").html('<span class="k-icon k-i-excel"></span>Exportar a Excel');
}

Answer 3

我认为 API 这些年来发生了变化，下面的代码在 2019 年对我有用

  .ToolBar(tb => tb.Excel().Text("Any Text") )

如何更改 Kendo Excel 按钮内容文本

How to change Kendo Excel Button Content Text

css

kendo-ui

kendo-grid