dtree.jsのツリービューを動的に読み込む（サンプルコード）_javascriptスキル

复制代代码如下:

すべて開く | すべて閉じる

次来我们可分析我们要是想让他動态的生成我们要怎么处理

我们可以看次次代网是生成树的关键:

复制代码代码如下:

すべて開く | すべて閉じる

私はそうではありません。上のページの代コードを .cs 文件の面呢に書き込むことができます！ 可能です

首先我们必须在データ库建立一张表

私たちはここの下にあるこの多表フィールドを人が入手できます pid 子节点 (如果是 0 那么就是根节点，1 子节点，3 子节点的子节点) name 表示すべき名前 url 接地址 title标题 icon关闭写真の経路アイコンを開きます写真の経路をここで開きますここでは説明しません大家は以下を確認できます 我们最優先事項はユーザー名に基づいて判断します大家もユーザー名を参照するフィールドである可能性がありますここでは一例であるため使用済みの文字串型下我们来动态加下treeview

首先我们建立一データテーブ库接続类は一のデータセット型を返します私は个人喜欢你们も直接一のDataTableを返すことができます

复制代代コード如下:

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 ファイルに入れます。重要なことの 1 つは、.js ファイルの注入と、使用できる .css ファイルの注入に注意することです。 Page.hearder.innerHTMl="" インポートするファイル名

コードを見てみましょう

コードをコピーします コードは次のとおりです:

public void Treeview()
{
//長い文字列型を強化します
StringBuilder strbu = new StringBuilder();
//静的テキストの位置を保持するクラスを生成しています
リテラル 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(@"

すべて開く |
すべて閉じる

"); //長いファイルタイプの追加の終了
//これで、静的テキスト テキスト値は、先ほど説明した長いファイル タイプの値と同じです。
lit.Text = Convert.ToString(strbu);
//次に、テキストの段落を
//

この位置はどこですか

form1.InnerHtml = "";
//form1 は .cs ファイルから直接取得できますそして .Controls.Add()
//彼は静的テキストのみを配置できるので、長いファイルタイプの値を静的テキストに割り当てました
//それからここに直接追加できます
form1 .Controls.Add(lit );
}