Jquery.TreeView는 ASP.Net과 데이터베이스를 결합하여 메뉴 탐색 bar_jquery를 생성합니다.

다음 예제에서는 프로젝트의 실제 적용을 기반으로 Jquery.TreeView를 사용합니다. 물론 컨트롤 트리를 사용하려면 해당 js 파일이 필요합니다.
이제 제가 생성한 TreeView가 모든 분들께 도움이 되기를 바랍니다. ! 사용하기 전에 컨트롤 트리의 js 파일과 CSS 스타일을 다운로드해야 합니다

테이블 구조 소개

M_ID M_Name M_ParentID M_URL M_Sort

그런 다음 생성합니다. 새 웹사이트를 만들고 새 웹사이트를 만듭니다. 웹사이트에 CSS 스타일과 JS를 각각 저장할 CSS 폴더와 js 폴더를 추가하고, TreeView 사진을 저장할 이미지 폴더를 추가합니다.
그런 다음 기능 구현을 시작합니다!
프런트엔드 코드

코드 복사 코드는 다음과 같습니다.

< %@ 페이지 언어= "C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>









< ;body>
메인 데모

백엔드 코드:

코드 복사

코드는 다음과 같습니다. 🎜> System.Collections.Generic 사용, System.Linq 사용, System.Web.UI 사용; System.Web.UI.WebControls 사용; System.Data.SqlClient 사용; 공용 부분 클래스 _Default: System.Web .UI.Page

{

protected void Page_Load(객체 전송자, EventArgs e)
{
if (!IsPostBack)
{
DataSet ds = getDate()
createmenu(ds, null, tree) ;
}
}
public DataSet getDate()
{
DataSet ds = new DataSet()
string config = System.Configuration. ConfigurationManager.ConnectionStrings["LiveOffice"] .ToString();
SqlConnection conn = new SqlConnection(config);
SqlDataAdapter da = new SqlDataAdapter("select * from SystemMenu order by M_Sort", conn); da.Fill(ds); return ds;
}
private void createmenu(DataSet ds, string parentId, HtmlGenericControl UL)
{
DataRow[] 행; string.IsNullOrEmpty(parentId))
rows = ds.Tables[0].Select("M_ParentID가 null입니다.");//Filter
else
rows = ds.Tables[0].Select(" M_ParentID='" parentId "'" );//Filter
foreach(DataRow t 행)
{
DataRow[] childern = ds.Tables[0].Select("M_ParentID =" t[ "M_ID"].ToString() );//하위 노드가 있는지 확인하는 데 사용됩니다
HtmlGenericControl serverLi = new HtmlGenericControl("li");//Li 태그를 상위 노드로 생성
if (childern. 길이 != 0 || parentId == "")//부모 노드입니다
{
serverLi.InnerText = t["M_name"].ToString()
HtmlGenericControl serverUL = new HtmlGenericControl(" ul");
serverLi.Controls .Add(serverUL);
UL.Controls.Add(serverLi);
createmenu(ds, t["M_ID"].ToString(), serverUL);
}
else
[ "M_Name"].ToString();
NewAnchorControl.HRef = t["M_URL"].ToString();
NewAnchorControl.Target = "_black";/ /표시된 위치를 설정하고 여기에서 변경하세요
serverLi.Controls.Add(NewAnchorControl)
UL.Controls.Add(serverLi)
createmenu(ds, t["M_ID"].ToString() , UL)
}
}
}
}