复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<голова>
<title>Destroydrop » Javascripts » Дерево</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</голова>
<тело>
<дел>
<p><a href="javascript: d.openAll();">открыть все</a> | <a href="javascript: d.closeAll();">закрыть все</a></p>
<тип сценария="текст/javascript">
<!--
d = новый dTree('d');
d.add(0,-1,'Мое дерево примера');
d.add(1,0,'Узел 1','example01.html');
d.add(2,0,'Узел 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Узел 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,'My Pictures','example01.html','Фотографии, которые я сделал за последние годы','','','img/imgfolder.gif');
d.add(10,9,'Путешествие в Исландию','example01.html','Фотографии Гульфосса и Гейсира');
d.add(11,9,'День рождения мамы','example01.html');
d.add(12,0,'Корзина','example01.html','','','img/trash.gif');
документ.писать (д);
//-->
</скрипт>
</div>
<p></p>
</тело>
</html>
接下来我们可以分析 我们要是想让他动态的生成 我们 要怎么处理
Вот что можно сделать:
复制代码代码如下:
<дел>
<p><a href="javascript: d.openAll();">открыть все</a> | <a href="javascript: d.closeAll();">закрыть все</a></p>
<тип сценария="текст/javascript">
<!--
d = новый dTree('d');
d.add(0,-1,'Мое дерево примера');
d.add(1,0,'Узел 1','example01.html');
d.add(2,0,'Узел 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Узел 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,'My Pictures','example01.html','Фотографии, которые я сделал за последние годы','','','img/imgfolder.gif');
d.add(10,9,'Путешествие в Исландию','example01.html','Фотографии Гульфосса и Гейсира');
d.add(11,9,'День рождения мамы','example01.html');
d.add(12,0,'Корзина','example01.html','','','img/trash.gif');
документ.писать (д);
//-->
</скрипт>
</div>
我们是不是可以把上面的代码写到.cs文件里面呢！ 是可以的
首先我们必须在数据库建立一张表
我们看下其实这里的这么多表字段 个人觉得pid子节点（如果是0那么就是根节点，1子节点，3子节点的子节点） name要显示的名称url连接地址 title标题 icon关闭图片的路径 iconopen打开图片的路径 这里不详细介绍了 大家可以试下我们最主要的就是根据username 进行判断 大家也可以是把username换成是引用的字段Деревянный вид дерева, деревянное изображение, деревянное представление дерева, деревянное представление дерева
首先我们建立一个数据库连接类返回一个Dataset类型Таблица данных DataTable
复制代码代码如下:
частный DataSet GetDt (строковое имя пользователя)
{
string strConn="server=ZHOUYUN;database=Mytest;uid=sa;pwd=123456";
SqlConnection conn = новый SqlConnection (strConn);
строка strSql = string.Format("
выберите * из дерева, где username='{0}'",username);
SqlDataAdapter da = новый SqlDataAdapter (strSql, conn);
DataSet ds = новый DataSet();
да.Заполнить(дс);
вернуть дс;
}
Загрузите файл js в формате js.cs в файле js. Загрузите файл .css в формате Page.hearder.innerHTMl=""你要倒入的文件名
我们来看代码
复制代码代码如下:
публичное недействительное древовидное представление()
{
//实力化一个长字符串类型
StringBuilder strbu = новый StringBuilder();
//我们在生成一个保留静态文本的位置的类
Литерал горит = новый Литерал();
// 这里就是我们刚才提到的要把.js和.cs文件倒入的位置
//page.Header.InnerHtml в формате HTML.
// <head>这个之间</head>
Page.Header.InnerHtml = @"<
ссылка rel='StyleSheet' href='dtree.css' type='text/css'/>
<script type='text/javascript' src='dtree.js'></script>";//倒入结束
строка имя пользователя = «Чжансан»;
DataSet ds = GetDt(username.Trim());
DataTable dt = ds.Tables[0];
// Справочная информация о js, содержащая информацию о JS,
strbu.Append(@"<div class='dtree'>
<p><a href='javascript: d.openAll();'>открыть все</a> |
<a href='javascript: d.closeAll();'>закрыть все</a></p>
<тип сценария='текст/javascript'>
<!--
d = новый dTree('d');
d.add(0,-1,'Мое дерево примера');");//这里结束一段长字符穿类型
// Создание таблицы данных DataTable
for (int i = 1; i < dt.Rows.Count; i++)
{
//我们又开始添加长文件类型 大家这里注意了拼接字符穿
//的时候要仔细点
strbu.Append(@"
d.add(" + i + "," + dt.Rows["pid"] + ",'" +
dt.Rows["имя"] + "','" +
dt.Rows["url"] + "','" +
dt.Rows["цель"] + "','" +
dt.Rows["icon"] + "','"+
dt.Rows["iconopen"]+"');");
}
//再次添加长文件类型
strbu.Append(@"document.write(d);
-->
</скрипт>
</div> "); // 长文件类型添加结束
//现在我们保留静态文本的text值就等于 我们刚才的长文件类型的值
освещен.Текст = Convert.ToString(strbu);
// 那么我们在想 我怎么把个段文本放到<body>
//<form>这个位置呢</form><boy>
form1.InnerHtml = "";
//Добавление данных в формате form1.cs文件里面获得form1然后.Controls.Add()
//他只能放静态文本所以我们把刚才长文件类型的值赋给了静文本
// 那么我们这里也就可以直接添加进来了
form1.Controls.Add(горит);
}