dtree.js treeview(샘플 코드)_javascript 기술을 동적으로 로드합니다.-JS 튜토리얼-php.cn

dtree.js treeview(샘플 코드)_javascript 기술을 동적으로 로드합니다.

WBOY

풀어 주다： 2016-05-16 17:08:40

원래의

1285명이 탐색했습니다.

复主代码代码如下:

Destroydrop » Javascripts » 트리

모두 열기 | 모두 닫기

接下来我们可以分析我们要是想让他动态的生成我们要怎么处리

我们可以看到如下代码是生成树的关键:

复复代码代码如下:

모두 열기 | 모두 닫기

저희는 그렇지 않습니다.

首先我们必须지금数据库建立一张表

저희는 pid子节点（如果是0那么就是根节点，1子节点，3子节点的子节点） name要显示의 이름称 url连接地址 title标题 아이콘关闭사진의 경로 아이콘open打开图 Pictures 这里不详细介绍了大家可以试下我们最主要的就是根据username 进行判断大家也可以是把username换成是引用字段我这里只是一个测试 tive 所以就用了个字符串类型下면我们来动态加载treeview

제제대码

代码如下:private DataSet GetDt(string username){

string strConn="server=ZHOUYUN;database=Mytest;uid=sa;pwd=123456";

SqlConnection conn = new SqlConnection(strConn);
string strSql = string.Format("
select * from treeview where username='{0}'",username);
SqlDataAdapter da = new SqlDataAdapter( strSql, conn);
DataSet ds = new DataSet();
da.Fill(ds);
return ds;

}

그 다음에는 먼저 책에 생성한 js를 .cs 파일에 넣습니다. 여기서 중요한 점 중 하나는 .js 파일의 붓기와 .css 파일의 붓기에 주의를 기울이는 것입니다. Page.hearder.innerHTMl="" 가져오려는 파일 이름

코드를 살펴보자

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

public void treeview()
{
//긴 문자열 유형 강화
StringBuilder strbu = new StringBuilder();
//정적 텍스트의 위치를 유지하는 클래스를 생성합니다
Literal lit = new Literal();
//여기가 방금 .js 및 .cs 파일을 넣으라고 언급한 곳입니다.
//page.Header.InnerHtml은 이 파일 참조를 html 태그 Inside// 이 사이

Page.Header.InnerHtml = @"<
link rel='StyleSheet' href='dtree.css' type= 'text/css' />
";//타워 끝
string username = "zhangsan";

DataSet ds = GetDt(username.Trim());
DataTable dt = ds.Tables[0];
//이제 js를 넣기 시작합니다. 파일을 긴 문자열 형식으로

strbu.Append(@"

모두 열기 |
모두 닫기

"); //긴 파일 형식 추가 끝
//이제 static text 텍스트 값은 방금 언급한 긴 파일 형식의 값과 같습니다.
lit.Text = Convert.ToString(strbu);
//그런 다음 텍스트 단락을
//
form1.InnerHtml = "";
//form1을 .cs 파일에서 직접 가져올 수 있습니다 그런 다음 .Controls.Add()
//정적 텍스트만 넣을 수 있으므로 긴 파일 유형의 값을 정적 텍스트에 할당했습니다
//여기에 직접 추가할 수 있습니다
form1 .Controls.Add(lit );
}