无限导航树

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string MyHtml = "";
            getList(ref MyHtml, 0);
            my_div.InnerHtml = MyHtml;
            
        }
    }


    private void getList(ref string str, int id )
    {
        Maticsoft.BLL.classes nav = new Maticsoft.BLL.classes();
        List<Maticsoft.Model.classes> ListNav = nav.GetModelList("parentId=" + id.ToString());


        str += "<ul class='treeview'>";
        //到页节点
        if (ListNav.Count == 0)
        {}
        else
        {
            foreach (Maticsoft.Model.classes nv in ListNav)
            {
                List<Maticsoft.Model.classes> ListNav2 = nav.GetModelList("parentId=" + nv.classId.ToString());


                //说明有子节点
                if (ListNav2.Count > 0)
                {
                    //第一层用一种class
                    if (0 == id)
                    {
                        str += "<li class='TreeFirstLayer'>";
                        str += "<span class = 'FirstLayerSpan'>" + nv.className + "</span>";
                    }
                    else {
                        str += "<li class='m-expanded NoFirstLayer'>";
                        str += "<span>" + nv.className + "</span>";
                    }


                    getList(ref str, nv.classId);
                    str += "</li>";
                }
                //无子节点
                else 
                {
                    str += "<li class='m-nonchild'><a href=jxright.aspx?classesid=" + nv.classId.ToString() + " target='rightframe'>" + nv.className + "</a></li>";
                }    
            }
        }


        str += "</ul>";

    }

 /**产品分类样式**/
 
 #my_div
 {
     width:210px;
     padding-left:10px;
 }
 
 .treeview{
    background:rgb(238,238,238);
}
 .treeview li span {
    cursor: pointer;
}


.treeview li.TreeFirstLayer
{
    margin-left:-40px;
    margin-top:10px;
padding-left:20px;
background:url('../images/treeview_firstLayer.png') no-repeat 0 0;
}


.treeview li.TreeFirstLayer span.FirstLayerSpan
{
    color:#006965;  font-size:14px; font-family: "宋体"; font-weight:bold;
}
 .treeview li.m-expanded 
 {
     color:rgb(68,68,68);
     font-size:12px;
     font-weight:bold;
    margin-left:-40px;
    margin-top:10px;
padding-left:20px;
background:url('../images/treeview-expanded.png') no-repeat 0 0;
}


 .treeview li.m-collapsed 
 {
     color:rgb(68,68,68);
     font-size:12px;
     font-weight:bold;
     margin-left:-40px;
     margin-top:10px;
    padding-left:20px;
    background:url('../images/treeview-collapsed.png') no-repeat 0 0;
}


 .treeview li.m-nonchild 
 {
     font-weight:normal;
    margin-left:-40px;
    margin-top:10px;
    padding-left:18px;
    background:url('../images/treeview-item.gif') no-repeat 0 0;
}


.treeview li.m-nonchild a
 {
    color:rgb(68,68,68); 
 }


 .treeview li.m-collapsed ul{
    display:none;
}

/*产品树展开和关闭*/


/*第一层点击事件*/
$(function () {
    $(".treeview > li.TreeFirstLayer > span").click(function () { // 注意用的是 子选择器 (  >  )
        var $ul = $(this).siblings("ul");
        if ($ul.is(":visible")) {
            $ul.hide();
        } else {
            $ul.show();
        }
        return false;
    })
})


/*非第一层点击事件*/
$(function () {
    $(".treeview > li.NoFirstLayer > span").click(function () { // 注意用的是 子选择器 (  >  )
        var $ul = $(this).siblings("ul");
        if ($ul.is(":visible")) {
            $(this).parent().attr("class", "m-collapsed NoFirstLayer");
            $ul.hide();
        } else {
            $(this).parent().attr("class", "m-expanded NoFirstLayer");
            $ul.show();
        }
        return false;
    })
})
   <script type="text/javascript">
   <script type="text/javascript">
        (function($) {


            $.getUrlParam = function(name) {


                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");


                var r = window.parent.location.search.substr(1).match(reg);


                if (r != null) return unescape(r[2]); return null;


            }


        })(jQuery);


        $(document).ready(function() {
            var $M = "#fspan";
            $N = $.getUrlParam('classesid');
            $M = $M + $N;
            $span = $($M);
            var $li = $span.parents("li");
            var $ul = $li.siblings("li").children("ul");
            if ($ul.is(":visible")) {
                $ul.parent('li.NoFirstLayer').attr("class", "m-collapsed NoFirstLayer");
                $ul.hide();
            }
           


        });
      

        var url = window.parent.location.href;//子窗体获取父窗体的url
     
    </script>