我使用 toolbar.Template()
和 Toolbar.Excel()
但 toolbar.excel()
不显示,只是 toolbar.Template()
显示。
.Excel(excel => excel
.FileName("Khu vực.xlsx")
.Filterable(true)
.ProxyURL(Url.Action("ExportArea", "RegistrationManagement")))
//Cài đặt thanh Menu bên trên Grid
.ToolBar(toolbar =>
{
toolbar.Excel().HtmlAttributes(new { @class = "btn btn-danger", style = "float: left" });
toolbar.Template(@<text>
<div class="toolbar" style="float:right">
<a class="btn btn-danger k-grid-add" href="#">
<i class="glyphicon glyphicon-plus"></i> Thêm mới
</a>
<button class="btn btn-danger" data-toggle="modal" data-target="#myModal">
Nhập bằng Excel
</button>
</div>
</text>);
})
我删除了toolbar.Template()
,Toolbar.Excel()
显示(下图):
http://i.imgur.com/QR35aQE.png
我保留 toolbar.Template(),它不显示:
http://i.imgur.com/aONQPzg.png
请帮帮我! 谢谢!
P/s: 我想要按钮“导出到 excel”前面的按钮“Nhập bằng Excel”。
最佳答案
为了使 Excel 按钮显示在您的工具栏上,您必须在模板中包含它的 HTML。
在你的情况下它会是这样的:
.Excel(excel => excel
.FileName("Khu vực.xlsx")
.Filterable(true)
.ProxyURL(Url.Action("ExportArea", "RegistrationManagement")))
//Cài đặt thanh Menu bên trên Grid
.ToolBar(toolbar =>
{
toolbar.Template(@<text>
<div class="toolbar" style="float:right">
<a class="btn btn-danger k-grid-add" href="#">
<i class="glyphicon glyphicon-plus"></i> Thêm mới
</a>
<button class="btn btn-danger" data-toggle="modal" data-target="#myModal">
Nhập bằng Excel
</button>
<button class="k-button k-grid-excel btn btn-danger">Export to Excel</button>
</div>
</text>);
})
您要添加的以下 HTML 行
<button class="k-button k-grid-excel btn btn-danger">Export to Excel</button>
...基本上是这行代码生成的任何内容:
toolbar.Excel().HtmlAttributes(new { @class = "btn btn-danger", style = "float: left" });
因此只需在工具栏模板被注释掉的情况下加载一次页面,查看 HTML toolbar.Excel() 生成的内容,然后将其复制并粘贴到模板中。
关于kendo-grid - 如何在剑道网格中使用 ToolBar.Template() 和 ToolBar.Excel(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27397614/