koj*_*san 1 css kendo-ui kendo-grid
我有一个具有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"))
)
)
Run Code Online (Sandbox Code Playgroud)
和excel按钮产生如下:
<button class="k-button k-button-icontext k-grid-excel"><span class="k-icon k-i-excel"></span>Export to Excel</button>
Run Code Online (Sandbox Code Playgroud)
我正在尝试这个CSS:
<style>
.k-button k-button-icontext k-grid-excel
{
content:"Send to Excel";
}
.k-icon k-i-excel
{
content:"Send to Excel"
}
</style>
Run Code Online (Sandbox Code Playgroud)
但它看起来像是同一个文字.我怎么能改变它?
使用自定义命令并通过javascript api调用导出
剃刀:
.ToolBar(tools => tools.Custom("Export").Text("Send to Excel").Click("exportExcel"))
Run Code Online (Sandbox Code Playgroud)
使用Javascript:
function exportExcel() {
var grid = $("#grid").data("kendoGrid");
grid.saveAsExcel();
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
3716 次 |
| 最近记录: |