借用 疯狂秀才 的页面，修改了一下自然框架后台管理的页面。

 

　　不知道为什么，就是不喜欢extJS，昨天看到了疯狂秀才的页面，大家都说好，那我就借鉴一下吧。下载源码，加到aspx里面。运行，居然有js错误。一模一样的呀，怎么出错了？仔仔细细看了n遍，终于发现了不同的地方——多了一个表单<form > 。去掉了就ok了。

 

　　然后就是修改菜单了。秀才的菜单是写死在页面里的js形式，我是喜欢动态加载的，于是用了一个古老的方法，在后台组合html，哦不对是js脚本了。

　　

　　写代码，运行，调试，ok。

 

private void BindNode()
        {
            string sql = "select * from  Manage_Function where IsShowNote = 1 and NoteLevel <=2 order by sort ";
            DataTable dt = dal_Customer.ExecuteFillDataTable(sql);

            StringBuilder str = new StringBuilder(3000);

            //开始循环
            int index = 0;
            bool beforeNodeIsFisrt = true;  //前一个节点是一级节点
            string url = "";

            foreach (DataRow dr in dt.Rows)
            {
                if (dr["NoteLevel"].ToString() == "1")
                {
                    //str.Append("/"menus/":[");
                    //一级节点

                    str.Append("{/"menuid/":/"" + dr["FunctionID"].ToString() + "/",/"icon/":/"icon-sys/",/"menuname/":/"" + dr["NoteTitle"].ToString() + "/",/r/n");
                    beforeNodeIsFisrt = true;
                }
                else
                {
                    //二级节点
                    if (beforeNodeIsFisrt)
                        str.Append("/"menus/":[");

                    //开始循环
                    url = dr["WebURL"].ToString();
                    url += "?fid=" + dr["FunctionID"].ToString();
                    str.Append("{/"menuname/":/"" + dr["NoteTitle"].ToString() + "/",/"icon/":/"icon-nav/",/"url/":/"" + url + "/"}");

                    //判断下一个节点是不是二级节点
                    if (dt.Rows.Count == index+1)
                    {
                        //最后一个节点
                        //二级节点循环结束
                        str.Append("]/r/n");
                        //一级节点循环结束
                        str.Append("}/r/n");
                    }
                    else
                    {
                        //判断下一个节点
                        if (dt.Rows[index + 1]["NoteLevel"].ToString() == "1")
                        {
                            //下一个节点是一级节点，结束这个二级节点
                            //二级节点循环结束
                            str.Append("]/r/n");
                            //一级节点循环结束
                            str.Append("},/r/n");
                        }
                        else
                        {
                            //下一个节点不是一级节点，继续循环二级节点
                            str.Append(",/r/n");
                        }
                    }

                    beforeNodeIsFisrt = false;
                    
                }

                

                index++;
            }


            nodeHTML = str.ToString();

        }

 

 

　　看看新的页面，效果还可以。发个截图。

 

　　

 

在线演示还没有更新，网上回去再更新。