js编写的treeview使用方法

JavaScript 2019-01-06

本文实例为大家分享了treeview使用方法，供大家参考，具体内容如下

1.所需文件：

ftiens4.js,ua.js,XMLTree.js,以及一些树上的图片（文件下载处：），图片名字和位置如下图

2.其他页面

（MainContent.aspx,NavTree.aspx）放置位置如下图所示:

3.关键页面的代码

3.1 MainContent.aspx代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head runat="server">

北京市城市轨道交通设施运行状态监测系统

<script src="Resources/JS/Tree/ftiens4.js" type="text/javascript" language="javascript">

<script src="Resources/JS/Tree/XMLTree.js" type="text/javascript" language="javascript">
<%
//Common.Utility.WebUtility.validLoning(Session,Response);
string fileName = null;
//Bussiness.Login.User loginUser = (Bussiness.Login.User)Session["currentUser"];
string departmentid = "";
if (Session["navItem"] != null)
{
string item = (string)Session["navItem"];

 if (item.ToUpper().Equals("Safety".ToUpper()))
 {
   fileName = "'SafetyTree.xml'";
   //departmentid = loginUser.department.depId;
 }
 else if (item.ToUpper().Equals("Gis".ToUpper()))
 {
   fileName = "'GisTree.xml'";
 }
 else if (item.ToUpper().Equals("DataQuality".ToUpper()))
 {
   fileName = "'DataQualityTree.xml'";
 }
 else if (item.ToUpper().Equals("StateAnalysis".ToUpper()))
 {
   fileName = "'StateAnalysisTree.xml'";
 }
 else if (item.ToUpper().Equals("SynthesisTechnique".ToUpper()))
 {
   fileName = "'SynthesisTechniqueTree.xml'";
 }
 else if (item.ToUpper().Equals("DataMaintenance".ToUpper()))
 {
   fileName = "'DataMaintenanceTree.xml'";
 }

}
%>
<script type="text/javascript">
var xmlfile = "Resources/XML/Tree/"+<%=fileName %>;
departmentid= '<%=departmentid %>';
ICONPATH = 'Resources/Images/tree/';
contentFrame = window.parent.document.getElementByIdx_x_x("basefrm");
loadTreeFromXml(xmlfile);

<DIV style="position:absolute; top:0; left:0; display:none;">

Javascript Tree Menu

3.3 treeControl.aspx代码（它的作用就是树和右边页面的分隔栏，可以隐藏树）

rush:xhtml;"> <html xmlns="http://www.w3.org/1999/xhtml"&gt;