用于web 多列树形控件(TreeListView)
源代码见 http://treelistview.codeplex.com/
刚出炉的TreeListView contro,支持自定义列,行高任意调整,结合js可尽情扩展。
接之前版本 1. 用于Web的TreeListView控件(多列的树形控件)
2. TreeListView多列的树形控件(Web) Beta 1
现在发布2.0版本, 下载演示
1. 重写了全部代码。
2. 简化了html。
3. 支持自定义列。
4. 支持 checkbox
5. 原理之前文章中已经做过说明,这次主要是改变实现方式。不在是模板绑定。全部代码添加数据,更加灵活。
效果如下:

部分使用代码
1
TreeListNode head = new TreeListNode();2
head.RowInfo = new TreeListColumn("a");3
head.ShowCheckBox = _showCheckBox;4
head.OnCheckedFunName = "CheckAll";5
TreeListColumn td1 = new TreeListColumn("head column 1");6
td1.CssClass = "table_3rdheader";7
td1.Align = "left";8
TreeListColumn td2 = new TreeListColumn("head column 2");9
td2.CssClass = "table_3rdheader";10
td2.Align = "center";11
td2.Width = "200px";12
TreeListColumn td3 = new TreeListColumn("head column 3");13
td3.CssClass = "table_3rdheader";14
td3.Align = "center";15
td3.OnClientClick = "onHeadTdClick";16
td3.Width = "200px";17

18

19
head.Columns.Add(td1);20
head.Columns.Add(td2);21
head.Columns.Add(td3);22

23
TreeListNode row1 = new TreeListNode();24
row1.ShowCheckBox = _showCheckBox;25
row1.IconUrl = "images/tree_Specfication_close.gif";26
row1.RowInfo.ID = "1";27
row1.RowInfo.CssClass = "table_oddrow";28
row1.OnCheckedFunName = "onCheckNode";29
row1.RowInfo.Attributes.Add("onmouseover", "onMouseOver(this);");30
row1.RowInfo.Attributes.Add("onmouseout", "onMouseOut(this);");31
row1.RowInfo.Attributes.Add("style", "text-decoration: line-through;");32

33
TreeListColumn td11 = new TreeListColumn("1 column 1");34
td11.CssClass = "table_oddrow_td";35
td11.Height = "25px";36
TreeListColumn td12 = new TreeListColumn("1 column 2");37
td12.CssClass = "table_oddrow_td";38
TreeListColumn td13 = new TreeListColumn("1 column 3");39
td13.CssClass = "table_oddrow_td";40

41
row1.Columns.Add(td11);42
row1.Columns.Add(td12);43
row1.Columns.Add(td13);44

45

46

47

48
this.tree.Header = head;49
this.tree.Nodes.Add(row1);50
this.tree.CssClass = "table_border_bottom";51
this.tree.Border = "0";52
this.tree.CellPadding = "0";53
this.tree.CellSpacing = "0";54
this.tree.Width = "100%";55
this.tree.ShowTreeLine = _showTreeLine;
浙公网安备 33010602011771号