表格行内的KendoSparklines,动态添加行

时间:2013-05-14 17:36:35

标签: javascript html5 knockout.js kendo-ui html-table

我有一个动态添加行的表。每行中的一个单元格包括kendoSparkLine图表。每次添加新行时,前一行中的图表都会消失,必须重新绘制。每行都有一个Knockout点击绑定,用于将右侧configuration panel的上下文(请参阅附图)设置为表示该行的当前ViewModel。因此,在插入一行后,我可以点击缺少图表的每一行,然后点击calculate,图表就会出现。

任何人都可以解释我这种行为吗?

如何确保在添加新行时,现有行中的图表仍然存在?是在ViewModels循环中遍历$.each()并在每个图表上调用refresh(),这是唯一优雅的解决方案吗?

Table rows that include kendoSparkLine charts

1 个答案:

答案 0 :(得分:0)

我最终将问题中提到的$.each()循环添加到负责在Main ViewModel中添加新行的函数中。我遍历observableArry()的{​​{1}}并调用他们的row viewmodels函数(刚添加的函数除外)。这很好,我知道我可以做到这一点。每次向表中添加新行时,我都希望避免遍历我的数组。 这是一些代码:

calculate