是否有一种简单的方法可以将下面的数据透视表结构中的单元格作为目标,从而使值出现在相应的单元格中?(请注意,对数据集数组的更新应自动反映出来)我认为我只需要一种动态行到单元的绑定方法-甚至可以在tickout.js中使用它吗?
我有一个数据透视表模板,如下所示:
<table border="1">
<tr><th>pivot</th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th></tr>
<tr><td>a</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td>b</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td>c</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td>d</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td>e</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td>f</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td>g</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td>h</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td>i</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
以及以下我想在网格中显示的数据(在kickout.js中定义为可观察到的):
var dataset = [
{x: 'a', y: 1, val: 'val_1'},
{x: 'a', y: 1, val: 'val_2'},
{x: 'a', y: 1, val: 'val_3'},
{x: 'a', y: 2, val: 'val_4'},
{x: 'a', y: 2, val: 'val_5'},
{x: 'a', y: 2, val: 'val_6'},
{x: 'a', y: 3, val: 'val_7'},
{x: 'a', y: 4, val: 'val_8'},
{x: 'a', y: 4, val: 'val_9'},
{x: 'a', y: 5, val: 'val_10'},
];
我想知道是否可以绑定到现有的html结构,因为在处理集合时,knockout.js似乎是一个“ DOM生成器”框架。
这是可能的,但将涉及一些开发工作-X和Y列有两个循环(每个循环都有唯一的值),交点位于其中的值。对于动态html来说,结果是非常好的,但是在处理了JSON数组中的数千个元素之后,整个解决方案开始运行缓慢。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句