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

WBOY
풀어 주다: 2016-05-16 17:08:40
원래의
1229명이 탐색했습니다.

复主代码 代码如下:




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 );
}


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿