如何用 kendoToolbar 替换 kendoGrid 工具栏？答案

【问题标题】：How can I replace the kendoGrid toolbar with a kendoToolbar?如何用 kendoToolbar 替换 kendoGrid 工具栏？
【发布时间】：2016-07-27 03:48:19
【问题描述】：

我最终试图调整我在KendoGrid toolbar 中创建的自定义模板控件的大小。现在它们跨越工具栏的整个长度，我想要一种方法来调整它们的大小或在调整窗口大小时将它们折叠到下拉组中。

在kendoToolbar API 中，任何人都可以使用溢出模板来重新组织工具栏，但我在网格工具栏中没有看到任何相同的功能。

关于如何处理这个问题有什么建议吗？

【问题讨论】：

标签： mvvm kendo-ui kendo-grid

【解决方案1】：

Kendo 网格工具栏似乎不像实际的工具栏小部件那样灵活。如果您确信可以使用溢出模板实现所需的功能，最简单的解决方案可能是自己创建一个单独的工具栏，按照您想要的方式进行设置。我已经多次采用这种方法 - 通过一些 CSS 重新设置样式，您可以使工具栏看起来与网格托管的工具栏相同，并且它也应该随之调整大小。

<div class="row">
    	<div class="whiteBlock">
		<div id="my-grid-toolbar" style="border-bottom: 0px;padding-left: 0.2em;"></div>
		<div id="my-grid"></div>
    	</div>
</div>

【讨论】：

我也从不使用内置的 Grid ToolBar 并且总是使用包含完整 Kendo ToolBar 的模板来定义 Grid 的 ToolBar。链接到类似问题和我的工作示例答案：stackoverflow.com/a/38123628/4825632
这样可以处理创建等网格动作吗？
看看@TheDreadPirateStephen 链接的帖子...一旦您引用了网格小部件，您就可以从外部驱动它的大部分功能。在这种情况下，它就是您想要的 addRow()。