我有一个观看体育比赛抽奖的视图。它采用典型的树形格式 - 每周有32名选手减少到一半(见图)。我有CDataProvider形式的数据,每个项目都有树中的名称和位置。你怎么建议我去做?
目前,每条记录都包含如下信息
- 球员的名字(球员,如果是双打)
- 平局位置 - 匹配1,玩家1;匹配1名球员2,依此类推
- 状态,如果比赛已经进行(并且得分在其他地方可用......)
由于树中的字段数对于32位玩家绘制是固定的,因此我将占位符创建为div标签,其名称为pos_01_1,pos_01_2,pos_02_1,pos_02_2等。如果有更优雅的方法,我准备废弃这种方法。该树是使用64x6表格构建的,其中一些单元格的边框右边和边框底部设置为' Solid 1px'。
提前致谢。
答案 0 :(得分:0)
我终于能够以(反向二进制)树格式显示JSON数据。我使用D3.js基于总节点,总深度创建SVG元素。我再次使用D3.js在每个节点上使用player-names,seed填充Text元素。我可以看到我的工作解决方案here -
简而言之,dataProvider由一个数组代替,该数组从findAllByAttributes
方法返回。然后在D3.js SVG图消耗之前,数组值被JSON化。