Kendo UI动态电子表格

时间:2016-12-13 21:31:12

标签: kendo-ui

我正在尝试使用Kendo电子表格。我想要完成的是......我有动态数据进入。当用户点击按钮时,它会将数据显示为当前显示的图表或电子表格,默认情况下是图表。数据结构完全相同,只是值不同。我创建了一个构建数据并创建电子表格的函数。

function bob(data){
    var rows = massageData();
    $('.' + element).kendoSpreadsheet({
        toolbar: false,
        sheetsbar: false,
        sheets: [{
            name: name.Title,
            rows: rows
        }]
    });
}

我每分钟调用一个函数bob(任意名称)。默认情况下,图表会加载,电子表格最初会加载。通过单击按钮在图表和电子表格之间切换视图,我可以看到这一点。但是,如果在我使电子表格可见时电子表格中的数据显示时显示图表是空白的(无值)。我必须再次等待更新,然后电子表格正确更新。这是踢球者,如果电子表格在更新到来时可见,那么一切都很好。如果电子表格被隐藏,为什么没有正确加载?我只使用CSS添加一个隐藏类,将显示设置为无。

1 个答案:

答案 0 :(得分:1)

问题是CSS调用显示:无;从DOM中删除它并且没有正确呈现。当我做了

$('.' + element).data("kendoSpreadsheet").refresh();  

这就是诀窍。