源代码见 http://treelistview.codeplex.com/
刚出炉的TreeListView contro,支持自定义列,行高任意调整,结合js可尽情扩展。
接之前版本 1. 用于Web的TreeListView控件(多列的树形控件)
2. TreeListView多列的树形控件(Web) Beta 1
现在发布2.0版本, 下载演示
1. 重写了全部代码。
2. 简化了html。
3. 支持自定义列。
4. 支持 checkbox
5. 原理之前文章中已经做过说明,这次主要是改变实现方式。不在是模板绑定。全部代码添加数据,更加灵活。
效果如下:
部分使用代码
刚在原本在IE写的测试页面在Firefox点了一下,竟然弹出了ModalDialog. 简直不相信自己的眼睛,连忙翻下代码左看右看明明用的是showModalDialog,而且还真弹出来了,看来FF真的支持了。我用的FF版本是3.0.7,又用FF 2.0.0.1试了下,不支持。唉,我怎么这么落后,到现在才知道。
为确定和IE下使用区别,又写了段测试代码:
1.html
2.html
接上篇用于Web的TreeListView控件(多列的树形控件)
这次增加了线条,线条还是比较完美的,行高可以任意调整 :)
如下图:
下载演示
如何使用,请下载演示,看下就清楚了。
下面粘贴部分使用代码:
2008-8-18补充下,折叠部分的js代码,还是比较的精炼的(还可以记住子节点状态)
最近老是要用到显示多列的树型结构,而treeview只能显示单列,gridview又不能显示树型的结构,所以打算自己做个控件来解决这个问题,暂时取名叫:TreeListView。先说下我的思路,园内的朋友如果有更好的思路或想法,请反馈。
1.由于是多列,存在上下对齐问题,所以我用table呈现。
2.如何记录树形的结构关系? 给每行的tr加个属性 id 和childids ,id 是唯一的,childids记录他的子节点的id,多个id用“,”隔开。 (<tr id="1" depth="1" childids="2,3" >)
主要就这2点,具体怎么写就比较简单了,我就不说了,先上图
上面就是我的实现效果(下载演示)
现在只实现个显示功能,事件啥的都没实现,半成品都不到,所以没提供代码,你可以通过Reflector.exe查看或者留下你的mail。
如果让控件又好用有灵活,这个问题真是比较头痛,想来想去最后就做成这个样子了。
虽然只做了一点点,还是发出来了,希望各位提供反馈意见,以便下个版本做的更好。
---------------------------
如何使用:
后台:
页面部分: