菜单

js编写的treeview使用方式_javascript本事_脚本之家

2020年3月15日 - 新闻中心

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

1.所需文件:ftiens4.js,ua.js,XMLTree.js,以及一些树上的图片(文件下载处:

2.其他页面(MainContent.aspx,NavTree.aspx)放置位置如下图所示:

3.关键页面的代码

3.1 MainContent.aspx代码

 北京市城市轨道交通设施运行状态监测系统    function op() { // This function is for folders that do not open pages themselves. // See the online instructions for more information. }      

3.2 NavTree.aspx代码

 北京市城市轨道交通设施运行状态监测系统      var xmlfile = "Resources/XML/Tree/"+<%=fileName %>; departmentid= '<%=departmentid %>'; ICONPATH = 'Resources/Images/tree/'; contentFrame = window.parent.document.getElementByIdx_x_x; loadTreeFromXml;  BODY { background-image:url(/ESM/Resources/Images/DapHangNew.jpg); background-repeat:repeat-x; } TD { font-size: 10pt; font-family: verdana,helvetica; text-decoration: none; white-space:nowrap;} A { text-decoration: none; color: black; } .specialClass { font-family:garamond; font-size:10pt; color:Black; font-weight:lighter; text-decoration:underline }           Javascript Tree Menu

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

  var LEFT_MENU_VIEW=1; function leftmenu_ctrl() { if { parent.tree_frm.cols="250,10,*"; LEFT_MENU_VIEW=1; myarrow.src="https://www.jb51.net/ESM/Resources/Images/topleft.gif"; //左箭头 } else { parent.tree_frm.cols="0,10,*"; LEFT_MENU_VIEW=0; myarrow.src="/ESM/Resources/Images/topright.gif"; //右箭头 } }    

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图