GridView 树形结构分组的功能

在“会飞的鱼”博客中看到GridView实现树形结构的代码，经过修改，添加了树形结构中的复选框功能，欢迎吐槽。

源地址：http://www.cnblogs.com/chhuic/archive/2012/05/11/2495577.html

 <script type="text/javascript">
         //树节点相关控制
         <!--
         function hideChildren(node) {
             var level = parseInt(node.getAttribute("level"));
             var nextNode = node.nextSibling;
             while (nextNode != null && parseInt(nextNode.getAttribute("level")) > level) {
                 nextNode.style.display = "none"; nextNode = nextNode.nextSibling;
             }
         }
         function showChildren(node) {
             var level = parseInt(node.getAttribute("level"));
             var id = node.getAttribute("id");
             var nextNode = node.nextSibling;
             while (nextNode != null && parseInt(nextNode.getAttribute("level")) > level) {
                 if (nextNode.getAttribute("pid") == id) {
                     if (node.getAttribute("expand") == "1") {
                         nextNode.style.display = "";
                         showChildren(nextNode);
                     }
                     else {
                         nextNode.style.display = "none";
                     }
                 }
                 nextNode = nextNode.nextSibling;
             }
         }
         function setExpand(sender) {
             var curNode = sender.parentNode.parentNode;
             if (curNode.getAttribute("expand") == "1") {
                 curNode.setAttribute("expand", "0");
                 sender.src = "../../Common/Images/Down.gif";
                 hideChildren(curNode);
             }
             else {
                 curNode.setAttribute("expand", "1");
                 sender.src = "../../Common/Images/Top.gif";
                 showChildren(curNode);
             }
         }
         function setCheck(sender){
             var curNode = sender.parentNode.parentNode;
             if (curNode.getAttribute("expand") == "1") {
                 var level = parseInt(curNode.getAttribute("level"));
                 var nextNode = curNode.nextSibling;
                 while (nextNode != null && parseInt(nextNode.getAttribute("level")) > level) {
 
                     var a=nextNode.firstChild.firstChild;
                     a.checked = sender.checked;
                     nextNode = nextNode.nextSibling;
                 }
 
             }
         }
         //-->
     </script>

Script Code

 <asp:GridView ID="gvList" runat="server" AutoGenerateColumns="False" CssClass="datatbl"
                 Style="width: 900px" DataKeyNames="ID,PID,Level,HasChild,processName,process,content" TreeColumnIndex="0"
                 OnRowDataBound="gvList_RowDataBound">
                 <Columns>
                     <asp:TemplateField HeaderText="检查编号">
                         <ItemTemplate>
                             <asp:CheckBox ID="cboProcess" onclick="setCheck(this)" runat="server" />
                             <asp:Label ID="Label1" runat="server" Text='<%# Bind("process") %>'></asp:Label>
                         </ItemTemplate>
                         <HeaderStyle Width="200px" />
                     </asp:TemplateField>
                     <asp:BoundField HeaderText="检查内容" DataField="content">
                         <HeaderStyle Width="700px" />
                     </asp:BoundField>
                     <asp:BoundField DataField="level" HeaderText="level" Visible="False" />
                 </Columns>
                 <EmptyDataTemplate>
                     <div class="tip">
                         暂无记录！</div>
                 </EmptyDataTemplate>
                 <HeaderStyle HorizontalAlign="Center" CssClass="head"></HeaderStyle>
                 <PagerStyle HorizontalAlign="Right"></PagerStyle>
                 <AlternatingRowStyle CssClass="alter"></AlternatingRowStyle>
                 <RowStyle CssClass="item"></RowStyle>
             </asp:GridView>

HTML Code

 protected void gvList_RowDataBound(object sender, GridViewRowEventArgs e)
         {
             if (e.Row.RowType == DataControlRowType.DataRow)
             {
                 # region 生成树形结构
                 string id = gvList.DataKeys[e.Row.RowIndex]["ID"].ToString();
                 string pid = gvList.DataKeys[e.Row.RowIndex]["PID"].ToString();
                 string level = gvList.DataKeys[e.Row.RowIndex]["Level"].ToString();
                 string checkNo = gvList.DataKeys[e.Row.RowIndex]["process"].ToString();
 
                 //增加节点的属性
                 e.Row.Attributes.Add("id", id);
                 e.Row.Attributes.Add("pid", pid);
                 e.Row.Attributes.Add("level", level);
                 e.Row.Attributes.Add("expand", "");
                 int indent = (int.Parse(level) - ) * ;
                 //判断是否有子节点
                 if (gvList.DataKeys[e.Row.RowIndex]["HasChild"].ToString() == "")
                 {
                     //设置父节点前面的图片和点击事件
                     HtmlImage img = new HtmlImage();
                     img.Src = "../../Common/Images/Top.gif";
                     img.Attributes.Add("onclick", "setExpand(this)");
                     img.Style.Add("cursor", "pointer");
                     e.Row.Cells[].Controls.AddAt(, img);
                     e.Row.Cells[].Style["font-weight"] = "bold";
                     indent += ;
                 }
                 else
                 {
                     indent += ;
                 }
 
                 e.Row.Cells[].Style["padding-left"] = indent + "px";
                 e.Row.Cells[].Controls.Add(new LiteralControl(e.Row.Cells[].Text));
                 # endregion
                 e.Row.Attributes["onmouseover"] = "style.backgroundColor='#F2FDDB'";
                 e.Row.Attributes["onmouseout"] = "style.backgroundColor=''";
             }
 
         }

C# Code