動態載入dtree.js樹treeview(範例程式碼)_javascript技巧

複製代碼代碼如下：

UBL "-/ DTD XHTML 1.0 嚴格//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

全部開啟 | 關閉全部

html>

接下來我們可以分析我們如果想讓他動態的生成我們要怎麼做處理

我們可以看到如下代碼是生成樹的關鍵：複製代碼

代碼如下：

全部開啟 | 關閉全部

我們是不是可以把上面的程式碼寫到.cs文件裡面呢！ 是可以的

首先我們必須在資料庫中建立一張表格

我們看下其實這裡的這麼多表格字段個人覺得pid子節點（如果是0那麼就是根節點，1子節點，3子節點的子節點） name要顯示的名稱url連接標題地址icon關閉圖片的路徑圖標打開打開圖片的路徑這裡不詳細介紹了大家可以試下我們的就是根據用戶名進行判斷大家也可以是把用戶名換成是引用的字段我這裡只是一個測試的所以就用了個字符我們來動態載入treeview下面的字串型別

首先我們建立一個資料庫連線類別回傳一個資料集類型我是個人喜歡你們也可以直接回傳一個DataTable複製程式碼

程式碼如下：


private DataSet GetDt(string username)
{
string strConn="server=ZHOUYUN;database=Mytest;uid=sa;pwd=1234566"; 🎜 >SqlConnection conn = new SqlConnection(strConn);
string strSql = string.Format("
select * from treeview where username='{0}'",username);
SqlData Sapter ( 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標籤裡的
// 這個之間
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(@"

open all |
close all

"); //長檔案類型新增結束
//現在我們保留靜態文字的text值等於我們剛才的長檔案類型的值
lit.Text = Convert.ToString(strbu);
//那我們在想我怎麼把個段文字放到
//

這個位置呢

form1.InnerHtml = "";
//我們可以直接從.cs檔案裡面取得form1然後.Controls.Add()
//他只能放靜態文字所以我們把剛才長檔案類型的值賦給了靜態文字
//那麼我們這裡也就可以直接加入進來了
form1.Controls.Add(lit);
}