Posted on 2008-05-10 22:04
沙漠中的鱼 阅读(748)
评论(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类结构图如下
一个由树转化为表格的程序就完成，但是在开发过程中，有时候也碰到一些问题，如效率等，如有哪位对这控件或报表开发方面有兴趣的，大家一起交流