Question

是否有人使用Kendo在listView中嵌入了图表的工作示例？

图表必须使用与ListView相同的数据源。

Kendo论坛上有部分样本http://www.telerik.com/forums/sparkline-inside-listview-html-template-

最后一段代码对我不起作用。

function createChart(){
var data = this.dataSource.data();
    for (var i = 0; i < data.length; i++) {
         var item = this.wrapper.find("[data-uid='" + data[i].uid + "']");
         var chart = item.find(".chart");
         chart.kendoChart({
             //....
         });
    };

干杯

迈克尔

Answer 1

如果要在列表视图或网格的客户端模板中初始化窗口小部件，基本上应该使用dataBound事件。

这是一个用Grid显示它的例子，ListView可以使用相同的方法。假设您的客户端模板中有一个包含图表类的div。

dataBound:function(){
      $(".chart").kendoChart({ 
           //chart options
       })
}

以下是one演示，其中图表的数据是硬编码的。这里有another one实际上使用该行的网格dataItem来获取图表的集合。

Kendo- Listview内的图表。每个数据源记录一个图表

1 个答案: