kendo-ui - 加载过程后如何将迷你图添加到剑道网格？

Question

伙计们，我想知道加载后向网格添加迷你图的方法，我自己使用了更改事件，但问题是单击网格后，迷你图出现了！

为了澄清，我添加了一个关于我的项目的视频

http://jsfiddle.net/psot98/AxMHY/3/embedded/result/

视频

事件变化网格

      change: function (e) {
                $(".sparkline").kendoSparkline({

                    type: "area",

                    series: [{
                        name: "World",
                        data: [15.7, 16.7, 20, 23.5, 26.6, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5, 3.5],

                    }, {
                        name: 'New York',
                        data: [0.7, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5],

                    }],

                });
            }

Answer 1

怎么样：http: //jsfiddle.net/vojtiik/AxMHY/4/embedded/result/ 您可以使用 DataBound 事件，因此一旦加载和绑定数据 - 您将显示您的精美图表。http://docs.kendoui.c​​om/api/web/grid#events-dataBound

dataBound : function (e) {
                  $(".sparkline").kendoSparkline({
                      type: "area",
                      series: [{
                          name: "World",
                          data: [15.7, 16.7, 20, 23.5, 26.6, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5, 3.5],

                      }, {
                          name: 'New York',
                          data: [0.7, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 4.1, 8.6, 2.5],
       }],

                  });
              }

Answer 2

试试这个：

$.fn.kendoSparkline = function(options){
    // if the grid is not prepared just keep waiting 
    if($(this).find('.k-grid-header').length == 0){
        setTimeout(function(){
            $(this).lockColumn(count);
        },50);
        return;
    }
    // kendoSparkline logic
}

$('#kendoGrid').kendoGrid({...});
$(".sparkline").kendoSparkline({...});

此方法将检查网格是否已加载，并会一直等待它已加载。