Kendo UI：渲染小部件列表

Question

我对使用 Kendo UI 完全陌生，希望获得有关如何将一组对象渲染到屏幕上的帮助，每个对象都有自己的数据源。

应用程序背景： SPA 仪表板，将显示用户可以与之交互、移动（拖放）、删除、创建新图表的图表列表。

我已经对 Kendo 框架进行了一些研究，但还没有找到似乎可行的解决方案。我最初的想法是使用自定义的小部件，该小部件将使用模板将图表呈现到屏幕上，并且每个小部件都有自己的数据源。但是，我想不出一种渲染小部件的方法。

我尝试了 MVVM data-bind: source 并使用 Kendo 模板加载带有 data-role 属性的小部件，但这不起作用。

HTML 内容区域

<div data-bind="source: widgetsDataSource" data-template="widget-template-test"></div>

剑道模板

<script type="text/x-kendo-template" id="widget-template-test">
      <div data-role="custom-widget"></div>
</script>

widgetsDataSource：用于检索要呈现到屏幕的图表列表的数据源

widget-template-test：用于使用 data-role 属性初始化和显示自定义小部件的模板

custom-widget：我在单独的 JS 文件中定义的自定义小部件的链接。

问题：是否有人有我可以查看的资源或有关如何解决此问题的一些建议？任何帮助将不胜感激。

提前致谢！

Answer 1

我用 kendo 小部件做了很多工作，我去的资源是 API 文档 http://docs.telerik.com/kendo-ui/introduction，然后如果我想看一些演示 http://demos.telerik.com/kendo-ui/，我将它们与 Angular 一起使用，演示很好，因为它们有Angular 特定（以及 MVVM）代码，API 文档在您寻找特定配置设置时非常方便。