easyui-从数据库读取创建无极菜单
easyui-tree基础必须知道这个如下:
树控件使用<ul>元素定义。标签能够定义分支和子节点。节点都定义在<ul>列表内的<li>元素中。以下显示的元素将被用作树节点嵌套在<ul>元素中。
上面的代码将产生这样的一棵树
前台代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="treeMenu.aspx.cs" Inherits="WebApplication5.treeMenu" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="../themes/icon.css" rel="stylesheet" />
<link href="../themes/default/easyui.css" rel="stylesheet" />
<link href="../src/demo.css" rel="stylesheet" />
<script src="../comjs/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="comjs/msgBox.js"></script>
<script src="../comjs/jquery.easyui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
// new MsgBox().showMsgWait("稍等......");
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul id="tt" class="easyui-tree">
<li>
<span>Folder</span>
<ul>
<li>
<span>Sub Folder 1</span>
<ul>
<li>
<span><a href="#">File 11</a></span>
</li>
<li>
<span>File 12</span>
</li>
<li>
<span>File 13</span>
</li>
</ul>
</li>
<li>
<span>File 2</span>
</li>
<li>
<span>File 3</span>
</li>
</ul>
</li>
<li>
<span>File21</span>
</li>
</ul>
<%=sbs.ToString() %>
</div>
</form>
</body>
</html>
后台代码如下:
using System;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.IO;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication5
{
public partial class treeMenu : System.Web.UI.Page
{
public static List<treeMenus> treeMenuses = null;
public static StringBuilder sbs = new StringBuilder();
protected void Page_Load(object sender, EventArgs e)
{
treeMenuses = LoadMenu();
string zhongjie = string.Empty;
StringBuilder sb = new StringBuilder();
bool pfirst = true;
foreach (treeMenus treeNode in treeMenuses)
{
if (treeNode.Pid == 0)
{
sb.Append("<li>" + "<span>" + treeNode.Mid + "</span>" + subChild(treeNode.Mid) + "</li>");
sbs.Append(sb.ToString());
sb.Clear();
}
}
zhongjie = "<ul id='tt' class='easyui-tree'>" + sbs.ToString() + "</ul>";
sbs.Clear();
sbs.Append(zhongjie);
}
public string subChild(int mid)
{
int tag = 0;
bool first = true;
string chaojizhongjiezhe = string.Empty;
StringBuilder sbc=new StringBuilder();
foreach (treeMenus treeNode in treeMenuses)
{
if (treeNode.Pid == mid)
{
sbc.Append("<li>" +"<span>"+ treeNode.Mid +"</span>" + subChild(treeNode.Mid)+"</li>");
}
}
chaojizhongjiezhe = "<ul id='tt' class='easyui-tree'>" + sbc.ToString() + "</ul>";
sbc.Clear();
sbc.Append(chaojizhongjiezhe);
//sbc.Append("<ul id='tt' class='easyui-tree'>" + sbc.ToString() + "</ul>");
return sbc.ToString();
}
public List<treeMenus> LoadMenu()
{
List<treeMenus> list = new List<treeMenus>();
using (SqlConnection conn = new SqlConnection())
{
conn.ConnectionString = "Data Source=.;Initial Catalog=CompanyGZ;Integrated Security=True";
using (SqlCommand cmd = new SqlCommand())
{
string sql = "SELECT * FROM treeMenu;";
cmd.Connection = conn;
cmd.CommandText = sql;
conn.Open();
using (SqlDataReader reader = cmd.ExecuteReader())
{
string rsRows = "";
while (reader.Read())
{
treeMenus treeMenu = new treeMenus();
treeMenu.Pid = Convert.ToInt16(reader["pid"]);
//treeMenu.Cid = Convert.ToInt16(reader["cid"]);
treeMenu.Mid = Convert.ToInt16(reader["mid"]);
treeMenu.Id = Convert.ToInt16(reader["id"]);
//treeMenu.MName = Convert.ToString(reader["mName"]);
list.Add(treeMenu);
}
}
}
}
return list;
}
}
public class treeMenus
{
private int mid;
private int cid;
private int pid;
private int id;
private string mName;
public int Mid
{
get { return mid; }
set { mid = value; }
}
public int Cid
{
get { return cid; }
set { cid = value; }
}
public int Pid
{
get { return pid; }
set { pid = value; }
}
public int Id
{
get { return id; }
set { id = value; }
}
public string MName
{
get { return mName; }
set { mName = value; }
}
}
}