源代码见 http://treelistview.codeplex.com/

  刚出炉的TreeListView contro,支持自定义列,行高任意调整,结合js可尽情扩展。

  接之前版本 1.   用于Web的TreeListView控件(多列的树形控件)

        2. TreeListView多列的树形控件(Web) Beta 1

  现在发布2.0版本, 下载演示

  1. 重写了全部代码。

  2. 简化了html。

  3. 支持自定义列。

  4. 支持 checkbox

  5. 原理之前文章中已经做过说明,这次主要是改变实现方式。不在是模板绑定。全部代码添加数据,更加灵活。

  效果如下:

  

 

    部分使用代码

  

 

Code

 

posted @ 2009-10-30 15:36 Hurry 阅读(1446) 评论(1) 编辑

      刚在原本在IE写的测试页面在Firefox点了一下,竟然弹出了ModalDialog. 简直不相信自己的眼睛,连忙翻下代码左看右看明明用的是showModalDialog,而且还真弹出来了,看来FF真的支持了。我用的FF版本是3.0.7,又用FF 2.0.0.1试了下,不支持。唉,我怎么这么落后,到现在才知道。

      为确定和IE下使用区别,又写了段测试代码:

1.html

Code

 

2.html

 

Code

 

 

posted @ 2009-06-19 14:33 Hurry 阅读(1751) 评论(14) 编辑
摘要: (正在装 VS2008,乘这个时间分享下一个小控件,没法整理demo,只能从项目中copy部分代码)jQuery simple treeview 需要这样的一段html<ul class="filetree" id="treeFolder"><li id="1"><span class="folder">Root</span><ul>&l...阅读全文
posted @ 2009-03-11 02:50 Hurry 阅读(1584) 评论(5) 编辑

接上篇用于Web的TreeListView控件(多列的树形控件)

这次增加了线条,线条还是比较完美的,行高可以任意调整 :)

如下图:

 

下载演示

 

如何使用,请下载演示,看下就清楚了。

下面粘贴部分使用代码:

 

 

Code

 

 

 

Code

 

 2008-8-18补充下,折叠部分的js代码,还是比较的精炼的(还可以记住子节点状态)

 

Code
posted @ 2008-08-14 16:39 Hurry 阅读(4899) 评论(25) 编辑

    最近老是要用到显示多列的树型结构,而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。

如果让控件又好用有灵活,这个问题真是比较头痛,想来想去最后就做成这个样子了。

虽然只做了一点点,还是发出来了,希望各位提供反馈意见,以便下个版本做的更好。

---------------------------

如何使用:

后台:

Employee e1 = new Employee("Nancy""Davalio");
            Employee e2 
= new Employee("Andrew""Fuller");
            Employee e3 
= new Employee("Huang""Hurry");
            Employee e4 
= new Employee("Jin""Faster");

            TreeListNode root 
= new TreeListNode();
            root.Text 
= "root";
            root.DataSource 
= e1;
            TreeListNode node 
= new TreeListNode();
            node.Text 
= "node1";
            node.DataSource 
= e2;
            TreeListNode node12 
= new TreeListNode();
            node12.Text 
= "node12";
            node12.DataSource 
= e3;
            TreeListNode node2 
= new TreeListNode();
            node2.Text 
= "node2";
            node2.DataSource 
= e4;

            node.ChildNodes.Add(node12);
            root.ChildNodes.Add(node);
            root.ChildNodes.Add(node2);
            

            
this.TreeListView1.DataSource = root;
            
this.TreeListView1.DataBind();

页面部分:

 

 

<custom:TreeListView ID="TreeListView1" runat="server">
    
<HeaderTemplate>
    
<table width="500" border="0" cellpadding="0" cellspacing="1" bgcolor="#999999">
    
<tr height="30" bgcolor="#FFFFFF">
    
<td>ID</td>
    
<td width="120px">Text</td>
    
<td width="80px">FirstName</td>
    
<td width="80px">LastName</td>
    
</tr>
    
</HeaderTemplate>
    
<ItemTemplate>
    
<tr <%# ((TreeListNode)Container.DataItem).TreeTr%> bgcolor="#FFFFFF">
        
<td height="30"><%# ((TreeListNode)Container.DataItem).TreeImage%><%# ((TreeListNode)Container.DataItem).ID%></td>
        
<td><%# ((TreeListNode)Container.DataItem).Text%></td>
        
<td><%# ((Employee)((TreeListNode)Container.DataItem).DataSource).FirstName%></td>
        
<td><%# ((Employee)((TreeListNode)Container.DataItem).DataSource).LastName%></td>
        
      
</tr>
    
</ItemTemplate>
    
<FooterTemplate>
    
</table>
    
</FooterTemplate>
    
</custom:TreeListView>

 

 

posted @ 2008-07-15 15:01 Hurry 阅读(3826) 评论(21) 编辑
摘要: 1.新建作业2.添加常规3.添加步骤,选择T-SQL输入下面语句(databasename修改为自己的数据库名称.D:\bak\改为自己的备份路径)DECLARE@strPathNVARCHAR(200)set@strPath=convert(NVARCHAR(19),getdate(),120)set@strPath=REPLACE(@strPath,':','.')set@strPath='D...阅读全文
posted @ 2007-01-22 13:57 Hurry 阅读(6964) 评论(1) 编辑
posted @ 2007-01-11 22:35 Hurry 阅读(4025) 评论(6) 编辑