jsf复杂的二维树表组件

时间:2014-03-20 11:39:43

标签: jsf jsf-2 jsf-2.2

我需要使用jsf可视化复杂的分层数据(OLAP多维数据集)。为简单起见,假设这是二维树表。   第一个维度是“时间树”(例如年 - 月),放置在基本treetable的X轴或“列位”。   第二个是“产品树”(例如产品 - 子产品),放置在Y轴上,放置普通的treetable树。

见下面的方案:

            |Y2013|           |Y2014|
            |  |___Sept__Dec  |  +  |
            |_____|_____|_____|_____|
Clothes     |2000 |1000 |1000 |2400 |
  |         |_____|_____|_____|_____|
  |__ Boots |1000 |500  |500  |1200 |
  |         |_____|_____|_____|_____|
  |__ Bags  |1000 |500  |500  |1200 |
            |_____|_____|_____|_____|
Souvenirs   |400  |200  |200  |500  |
  +         |_____|_____|_____|_____|

用户可以在两个维度中展开和折叠树级别。为简单起见,2013年只展示了两个月。例如,用户可以单击任何加号以展开子树。 主要问题是如何在X轴(列名称位置)中创建其他树

我需要任何想法如何在JSF中执行此操作。我可以使用任何组件库和jsf实现。

解决方法:   我搜索过Oracle ADF,PrimeFaces,Apache Trinidad以获得“开箱即用”的合适组件。我知道我可以创建自己的自定义组件,但这是耗时的解决方案。复合组件也可以提供帮助,但我不知道如何使用它们来解决我的问题,即使在战略视图中也是如此

2 个答案:

答案 0 :(得分:0)

提供此类功能的数据工具名称是数据透视表

答案 1 :(得分:0)

如果您正在寻找数据透视表解决方案,那么您可以尝试使用纯JavaScript的数据透视表组件。

Web Pivot Table是一个基于Web的数据透视表实现,它提供与excel数据透视表一样的完整功能。它可以很容易地嵌入到任何Web应用程序中。这是demodocuments