kendo-grid - 如何在剑道网格中使用 ToolBar.Template() 和 ToolBar.Excel()

Question

我使用 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”。

Answer 1

为了使 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() 生成的内容，然后将其复制并粘贴到模板中。