Posted on 2008-05-10 22:04
沙漠中的鱼 阅读(749)
评论(1) 编辑 收藏 所属分类:
控件开发 、
javascript
做过olap开发的人可能都知道,他查出来的表的结构就是一棵树,我们需要把树转化为表,通过表格的样式用图型更加客观的展现出来
我们有一棵这样的树
我们现在要把这棵树转化成如下的表格样式
通过表格我们可以看出,他有三部份,主栏,宾栏,主体,而主栏,是一颗向右展开的树,宾栏是一颗向下展开的树,而主体部份则是一个表格
表格的整体布局
主栏
HTML结构
<DIV>
<DIV>
<DIV>李宁DIV>
<DIV></DIV>
</DIV>
<DIV></DIV>
<DIV>
<DIV>鞋/DIV>
<DIV></DIV>
<DIV>上衣DIV>
<DIV></DIV>
</DIV>
<DIV></DIV>
</DIV>
宾栏
HTML结构
<DIV>
<DIV>
<DIV>大区</DIV>
<DIV></DIV>
</DIV>
<DIV></DIV>
<DIV>
<DIV>华北</DIV>
<DIV></DIV>
<DIV>华中</DIV>
<DIV></DIV>
</DIV>
<DIV></DIV>
</DIV>
主体
HTML结构
<DIV>
<DIV>
<DIV>l</DIV>
<DIV></DIV>
</DIV>
<DIV>
</DIV>
</DIV>
其中在HTML中边框全部采用宽度或高度为1PX的DIV构成
在div布局中,横向展开采用的属性是float="left"
我设计的Js类结构图如下
一个由树转化为表格的程序就完成,但是在开发过程中,有时候也碰到一些问题,如效率等,如有哪位对这控件或报表开发方面有兴趣的,大家一起交流