自定义工具栏 Kendo Grid答案

【问题标题】：Customize toolbar Kendo Grid自定义工具栏 Kendo Grid
【发布时间】：2015-06-03 13:54:40
【问题描述】：

是否可以自定义剑道网格工具栏。目前我正在使用这个Demo。
在这个演示中，我不想使用工具栏中的“保存更改”链接，而是想像网格底部的提交按钮一样使用它来执行验证。可能吗？需要您的宝贵建议。

【问题讨论】：

标签： kendo-ui telerik kendo-grid

【解决方案1】：

如果您在链接的演示中向下滚动左侧菜单，您会找到 Toolbar Template 演示。这是一个很好的起点。

如果您不想要工具栏，请配置没有工具栏的网格。如果您想要网格下方的提交按钮，那么只需在网格下方放置一个<button/> 并连接一个事件以在单击它时触发。

【讨论】：

【解决方案2】：

使用剑道网格工具栏模板

 .ToolBar(toolBar =>
        {

            toolBar.Template(
                @<Text>

                    <div class="input-group-btn">
                        <div data-toggle="dropdown" class="dropdown-toggle" aria-expanded="false">
                            <button type="button" id="searchcategory" value="Name" class="btn btn-default btnstick">Name</button>
                            <button type="button" class="btn btn-default btnstick"><span class="caret"></span></button>
                        </div>
                        <ul id="searchdropdown" class="dropdown-menu" role="menu">
                            <li><a>Name</a></li>
                            <li><a>Description</a></li>
                            <li class="divider"></li>
                            <li><a>Any</a></li>
                        </ul>
                    </div>

                </div>                        </Text>);
        })

【讨论】：