复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Ketat//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<kepala>
<title>Hancurkan » Javascripts » Pohon</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<skrip type="teks/javascript" src="dtree.js"></skrip>
</kepala>
<tubuh>
<div>
<p><a href="javascript: d.openAll();">buka semua</a> | <a href="javascript: d.closeAll();">tutup semua</a></p>
<skrip tipe="teks/javascript">
<!--
d = dPohon baru('d');
d.add(0,-1,'Pohon contoh saya');
d.add(1,0,'Node 1','example01.html');
d.add(2,0,'Node 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Node 3','example01.html');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'Gambar Saya','example01.html','Gambar yang saya ambil selama bertahun-tahun','','','img/imgfolder.gif');
d.add(10,9,'Perjalanan ke Islandia','example01.html','Gambar Gullfoss dan Geysir');
d.add(11,9,'Ulang tahun ibu','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');
dokumen.write(d);
//-->
</skrip>
</div>
<p></p>
</tubuh>
</html>
接下来我们可以分析 我们要是想让他动态的生成 我们 要怎么处理
我们可以看到如下代码是生成树的关键:
复制代码代码如下:
<div>
<p><a href="javascript: d.openAll();">buka semua</a> | <a href="javascript: d.closeAll();">tutup semua</a></p>
<skrip tipe="teks/javascript">
<!--
d = dPohon baru('d');
d.add(0,-1,'Pohon contoh saya');
d.add(1,0,'Node 1','example01.html');
d.add(2,0,'Node 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Node 3','example01.html');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'Gambar Saya','example01.html','Gambar yang saya ambil selama bertahun-tahun','','','img/imgfolder.gif');
d.add(10,9,'Perjalanan ke Islandia','example01.html','Gambar Gullfoss dan Geysir');
d.add(11,9,'Ulang tahun ibu','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');
dokumen.write(d);
//-->
</skrip>
</div>
我们是不是可以把上面的代码写到.cs文件里面呢！ 是可以的
首先我们必须在数据库建立一张表
我们看下其实这里的这么多表字段 个人觉得pid子节点（如果是0那么就是根节点,1子节点,3子节点的子节点） nama要显示的名称 url连接地址title标题 icon关闭图片的路径 iconopen打开图片的路径 这里不详细介绍了 大家可以试下nama pengguna 进行判断 大家也可以是把nama pengguna换成是引用的字段ulasan tentang treeview
DataTable
复制代码代码如下:
DataSet pribadi GetDt (string nama pengguna)
{
string strConn="server=ZHOUYUN;database=Pengujian Saya;uid=sa;pwd=123456";
Sambungan SqlConnection = SqlConnection baru(strConn);
string strSql = string.Format("
pilih * dari tampilan pohon di mana namapengguna='{0}'",namapengguna);
SqlDataAdapter da = new SqlDataAdapter(strSql, samb);
Kumpulan Data ds = Kumpulan Data baru();
da.Isi(ds);
kembali ds;
}
js放到.cs文件里面来 非常关键的一个就是注意.js文件的倒入dan .css文件的倒入 我们可以用到Page.hearder.innerHTML=""你要倒入的文件名
我们来看代码
复制代码代码如下:
tampilan pohon kekosongan publik()
{
//实力化一个长字符串类型
StringBuilder strbu = StringBuilder baru();
//我们在生成一个保留静态文本的位置的类
Literal menyala = Literal baru();
// Bagaimana cara kerjanya?
//page.Header.InnerHtml的意思就是把这段文件引用放到html标签里的
// <head>这个之间</head>
Halaman.Header.InnerHtml = @"<
tautan rel='StyleSheet' href='dtree.css' type='text/css'/>
<skrip type='teks/javascript' src='dtree.js'></script>";//倒入结束
string nama pengguna = "zhangsan";
DataSet ds = GetDt(nama pengguna.Trim());
DataTable dt = ds.Tables[0];
//我们现在开始把js文件放到长字符串类型里面
strbu.Tambahkan(@"<div class='dtree'>
<p><a href='javascript: d.openAll();'>buka semua</a> |
<a href='javascript: d.closeAll();'>tutup semua</a></p>
<tipe skrip='teks/javascript'>
<!--
d = dPohon baru('d');
d.add(0,-1,'Pohon contoh saya');");//这里结束一段长字符穿类型
// 我们开始循环DataTable
untuk (int i = 1; i < dt.Rows.Count; i++)
{
// 我们又开始添加长文件类型 大家这里注意了拼接字符穿
//的时候要仔细点
strbu.Tambahkan(@"
d.tambahkan(" + i + "," + dt.Baris["pid"] + ",'" +
dt.Baris["nama"] + "','" +
dt.Baris["url"] + "','" +
dt.Baris["target"] + "','" +
dt.Baris["ikon"] + "','"+
dt.Baris["iconopen"]+"');");
}
//再次添加长文件类型
strbu.Tambahkan(@"dokumen.tulis(d);
-->
</skrip>
</div> "); //长文件类型添加结束
//现在我们保留静态文本的teks值就等于 我们刚才的长文件类型的值
lit.Teks = Konversi.ToString(strbu);
//那么我们在想 我怎么把个段文本放到<body>
//<form>这个位置呢</form><boy>
form1.InnerHtml = "";
//mencari informasi tentang form1.cs ke dalam form1.Controls.Add()
// Bagaimana cara melakukan hal ini?
// 那么我们这里也就可以直接添加进来了
form1.Kontrol.Tambahkan(menyala);
}