Kendo UI:呈现小部件列表

时间:2016-04-28 15:48:19

标签: kendo-ui

我对使用Kendo UI完全不熟悉,并且想要了解如何使用每个对象拥有自己的数据源来向屏幕渲染对象数组。

应用程序背景:一个SPA仪表板,它将显示用户可以与之交互,移动(拖放),删除,创建新图表的图表列表。

我已经对Kendo框架进行了一些挖掘,并且没有找到似乎有效的解决方案。我最初的想法是使用自定义定义的小部件,该小部件将使用模板将图表呈现到屏幕,并且每个小部件将拥有它自己的数据源。但是,我无法找到一种渲染小部件的方法。

我尝试了MVVM data-bind:source并使用Kendo模板加载了具有data-role属性的widget,但是没有用。

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 :用于检索要呈现到屏幕的图表列表的dataSouce

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

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

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

提前致谢!

1 个答案:

答案 0 :(得分:0)

我使用kendo小部件做了很多工作,我的资源是API文档http://docs.telerik.com/kendo-ui/introduction然后如果我想看一些演示http://demos.telerik.com/kendo-ui/,我将它们用于Angular,演示&# 39; s很好,因为它们具有Angular特定(以及MVVM)代码,当您查找特定的配置设置时,API文档很方便。