以横向树方式显示Html表格

======================================================
注：本文源代码点此下载
======================================================

评论

1921971

#1楼

2008-05-24 08:08

willieq

不错,学习了~~~~~

回复 引用 查看

#2楼

2008-05-24 08:20

e-freer[未注册用户]

是的,bs开发经常跟table打交道。

思路上是可以的,不过未免复杂了点。呵呵,

回复 引用

#3楼

2008-05-24 08:44

e-freer[未注册用户]

楼主请教下,你这个列合并,如果行内单元格合并呢?

回复 引用

#4楼

2008-05-24 08:58

niat_alex

不错,mark~~~

回复 引用 查看

#5楼

2008-05-24 09:15

赵俊

不管怎么样都要鼓励,辛苦了1

回复 引用 查看

#6楼

2008-05-24 10:02

liumang[未注册用户]

实用性不好!控制好 rowspan和colspan就完全可以搞定,没必要花拳绣腿!

回复 引用

#7楼

2008-05-24 10:23

金色海洋(jyk)

想问一下,在什么情况下需要这种现实呢,从演示效果来看,有点乱,而且还不太美观。

回复 引用 查看

#8楼

2008-05-24 10:33

567fa.cn免费信息发布网[未注册用户]

创意无限!

回复 引用

#9楼[楼主]

2008-05-24 11:25

jeremyyang824

@e-freer

行内合并只需

node.attributes.add(new singletonattri("colspan", "2"));

就可以了,因为在td中加上rowspan会影响到多行多个tr中的td数量,而在td中加上rowspan只会影响到一个tr中相邻的td的数量。

回复 引用 查看

#10楼[楼主]

2008-05-24 11:26

jeremyyang824

@e-freer

使用很方便,只需要在页面中组合写inode就可以了,完全不需要关心内部具体实现,可以看下_default 页面中调用的情况。

回复 引用 查看

#11楼[楼主]

2008-05-24 11:34

jeremyyang824

@liumang,@金色海洋(jyk)

如果我是一个常制定大纲的人,常会写些大纲性文件,1.xxx。

然后1步骤下有1.1,1.2,1.3。而1.2下又有1.2.1,1.2.2.....

你可以看下我最后张效果图,如果现在要在node7也就是1.2.2.1节点下再加上一个细节内容1.2.2.1.3,那应该怎么加,rowspan有要重新算了吧。因为node7的所有父节点的rowspan都变了。

而我在我的default页面中只需要node7.addchild(...);而后把整个树tree.tostring();

重新绘一下就好了

回复 引用 查看

#12楼[楼主]

2008-05-24 11:36

jeremyyang824

@willieq,@niat_alex,@赵俊

谢谢,^_^

回复 引用 查看

#13楼

2008-05-24 15:19

waitdding[未注册用户]

思路不错,但是否有点太过复杂?

如果我要在单元格里面放一些控件之类的东东,那要怎么办?

还有就是对样式的支持怎么样?

回复 引用

#14楼

2008-05-24 17:14

bidaas

如果要模仿bi项目里的透视报表,这个能做到吗

回复 引用 查看

#15楼[楼主]

2008-05-24 19:03

jeremyyang824

@waitdding

inode的内容是object,如果要放控件什么的完全可以再次扩展inode

对于样式的控制就更方便了,例子里已经用了,只需要在node.attributes.add(new singletonattri("bgcolor", "#ffe0d1"));

或者

node.attributes.add(new singletonattri("class", "xxx"));

而扩展结点只需重写模板类basenode里的tostring()方法,把注意力都集中在单个结点的表现上,不用关心整个表的结构层次,并不复杂。

回复 引用 查看

#16楼[楼主]

2008-05-24 19:14

jeremyyang824

@waitdding

我们项目中目前做的制定大纲表格是当鼠标双击某个td时,显示td中隐藏的textarea,可以在其中填写内容。

而且当鼠标移动到某个td上时显示出隐藏的几个button,其中有:保存(保存textarea中的内容并显示在td中)、添加子任务、编辑(相当于双击td的效果)。

回复 引用 查看

#17楼[楼主]

2008-05-24 19:18

jeremyyang824

@bidaas

目前我发布的类库功能主要在于纵向合并单元格上。

回复 引用 查看

#18楼

2008-05-25 19:35

爱好编程[未注册用户]

这可真不是一般的麻烦哦 呵呵

回复 引用

#19楼

2008-05-31 21:22

martin(高超)

有点乱啊。呵呵。

回复 引用 查看

#20楼

2008-06-06 23:13

akos[未注册用户]

说麻烦复杂的明显没有仔细看过,明明就很好用。面向对象的关键是什么,就是抽象,内部再复杂都是黑盒,调用者根本不用关心,最主要的是接口清晰。

我正好需要类似的功能,用了下很不错,谢谢博主了,博主继续加油。

回复 引用

#21楼

2008-12-19 13:56

yjj

思路很好,受教了

回复 引用 查看

#22楼

2010-09-21 10:15

东方游人

合并引用jeremyyang824:@e-freer

行内合并只需

node.attributes.add(new singletonattri("colspan", "2"));

就可以了,因为在td中加上rowspan会影响到多行多个tr中的td数量,而在td中加上rowspan只会影响到一个tr中相邻的td的数量。

加上后,是合并了,但是该行会多出合并的列,怎么解决呢?

回复 引用 查看

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/