>  기사  >  웹 프론트엔드  >  Jquery.TreeView는 ASP.Net과 데이터베이스를 결합하여 메뉴 탐색 bar_jquery를 생성합니다.

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

WBOY
WBOY원래의
2016-05-16 18:20:421082검색

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

테이블 구조 소개

M_ID M_Name M_ParentID M_URL M_Sort
Jquery.TreeView는 ASP.Net과 데이터베이스를 결합하여 메뉴 탐색 bar_jquery를 생성합니다.
그런 다음 생성합니다. 새 웹사이트를 만들고 새 웹사이트를 만듭니다. 웹사이트에 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)
}
}
}
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:js_javascript 기술에 컨트롤이 있는지 확인다음 기사:js_javascript 기술에 컨트롤이 있는지 확인

관련 기사

더보기