dhAjaxTreeView2.0发布

dhAjaxTreeView2.0发布，支持IE、Firefox

无限级节点动态加载树

• 无限制增加节点(节点的操作本例就不贴出来了，有需要的可以跟我联系)
• 动态加载，效率更高
• 支持IE、fireFox

树结构

• 
  ┌───────────────────┐
  │┌──┐┌──┐┌──┐┌─────┐│
  ││图片││图片││文字││子节点容器││
  │└──┘└──┘└──┘└─────┘│
  └───────────────────┘
  

前台调用

• 
  <script language="javascript" src="dhATV.js"></script> <script language="javascript">
  //定义对象实例
  var dhATV = new dhAjaxTreeView();
  //返回对象实例名
  dhATV.treeTagName = "dhATV";
  //设置根节点文字
  dhATV.rootText = "在线教育系统";
  //设置结点文字大小
  dhATV.textsize = "12px";
  //设置图标文件夹
  dhATV.icoFolder = "folder";
  //设置请求地址
  dhATV.postUrl = "getMenu.asp?menuid=";
  //加载树根节点
  dhATV.setup(tree);
  </script>
  
• 其他功能大家可以自由扩展，有重大修改请给我发一份emai就好了dh20156[at]126.com

数据表结构

• atid________自动编号________自动编号
• fid_________数字____________父类别编号
• modulename__文本____________类别名称
• part________数字____________类别归档
• depth_______数字____________类别深度
• orderno_____文本____________类别结构顺序
• existssub___数字____________是否存在子类

数据表内容

• atid________fid________modulename________part________depth________orderno________existssub
• 1___________0__________小学______________1___________0____________1______________1
• 2___________0__________初中______________2___________0____________2______________1
• 3___________0__________高中______________3___________0____________3______________1
• 4___________1__________金川小学__________1___________1____________1,1____________1
• 5___________4__________一年级____________1___________2____________1,1,1__________1
• 6___________4__________二年级____________1___________2____________1,1,2__________0
• 7___________4__________三年级____________1___________2____________1,1,3__________0
• 8___________4__________四年级____________1___________2____________1,1,4__________0
• 9___________4__________五年级____________1___________2____________1,1,5__________0
• 10__________5__________语文______________1___________3____________1,1,1,1________0
• 11__________5__________数学______________1___________3____________1,1,1,2________0
• 12__________1__________奥赛______________1___________1____________1,2____________0
• 13__________2__________奥赛______________2___________1____________2,1____________0
• 14__________3__________奥赛______________3___________1____________3,1____________0

后台获取节点文件

• 后台获取节点文件返回数据格式：
  
  <div class="节点样式" fid="&字段atid值&"><img src="[dhfolder]/[节点图片]" align="absmiddle" onclick="[dhATV].clickNode(this.parentNode);" /><img src="[dhfolder]/[节点图片]" align="absmiddle" /> <span class="nodeText" onclick="[dhATV].clickNode(this.parentNode);">"&escape(modulename字段值)&"</span><span class="nodePanel"></span></div>
• 请保持写在一行，因为不同浏览器对SPAN换行的childNodes解释不同!
• 节点样式有childnode,lastNode,childvalue,lastValue
• [节点图片]如下：
  ro.gif 根节点样式
  dashminus.gif 根节点展开时样式
  dashplus.gif 根节点收起时样式
  i.gif 背景竖线
  l.gif 末尾节点(无子节点)样式
  lminus.gif 末尾节点(有子节点)展开时样式
  lplus.gif 末尾节点(有子节点)收起时样式
  nc.gif 节点文件夹收起时样式
  no.gif 节点文件夹展开时样式
  t.gif 节点(无子节点)样式
  tminus.gif 节点(有子节点)展开时样式
  tplus.gif 节点(有子节点)收起时样式
  topic.gif 节点(无子节点)样式
  
• 点击查看ASP版本代码
  
  <%
  response.setContentType("text/xml")
  dim menuid
  menuid = CheckStr(Request("menuid"))
  atid = CheckStr(Request("atid"))
  If menuid<>"" And isNumeric(menuid) then
  response.write getMenu(menuid)
  End if
  function getMenu(fid)
  sql = "Select * From classRoom Where fid="&fid&" Order by part Asc,orderno Asc"
  Set rs = Server.CreateObject("Adodb.Recordset")
  rs.open sql,conn,1,1
  If Not rs.eof then
  dim temStr,i
  tempStr = ""
  i = 1
  do while not rs.eof
  'lastNode
  If i=rs.recordCount then
  'existsNode
  If rs.fields(6)<>0 then
  tempStr = tempStr & "<div class=""lastNode"" fid="""&rs.fields(0)&"""><img src=""[dhfolder]/lplus.gif"" align=""absmiddle"" onclick=""[dhATV].clickNode(this.parentNode);"" /><img src=""[dhfolder]/nc.gif"" align=""absmiddle"" /> <span class=""nodeText"" onclick=""[dhATV].clickNode(this.parentNode);"">"&escape(rs.fields(2))&"</span><span class=""nodePanel""></span></div>"
  else
  tempStr = tempStr & "<div class=""lastValue"" fid="""&rs.fields(0)&"""><img src=""[dhfolder]/l.gif"" align=""absmiddle"" /><img src=""[dhfolder]/topic.gif"" align=""absmiddle"" /> <span class=""nodeText"" onclick=""[dhATV].clickNode(this.parentNode);"">"&escape(rs.fields(2))&"</span></div>"
  end if
  else
  'existsNode
  If rs.fields(6)<>0 then
  tempStr = tempStr & "<div class=""childnode"" fid="""&rs.fields(0)&"""><img src=""[dhfolder]/tplus.gif"" align=""absmiddle"" onclick=""[dhATV].clickNode(this.parentNode);"" /><img src=""[dhfolder]/nc.gif"" align=""absmiddle"" /> <span class=""nodeText"" onclick=""[dhATV].clickNode(this.parentNode);"">"&escape(rs.fields(2))&"</span><span class=""nodePanel""></span></div>"
  else
  tempStr = tempStr & "<div class=""childvalue"" fid="""&rs.fields(0)&"""><img src=""[dhfolder]/t.gif"" align=""absmiddle"" /><img src=""[dhfolder]/topic.gif"" align=""absmiddle"" /> <span class=""nodeText"" onclick=""[dhATV].clickNode(this.parentNode);"">"&escape(rs.fields(2))&"</span></div>"
  end if
  end if
  rs.moveNext
  i = i + 1
  loop
  getMenu = tempStr
  Else
  getMenu = ""
  End if
  rs.close
  Set rs = Nothing
  end function
  conn.close
  Set conn = Nothing
  %>
  

实例演示、下载

• 在线演示
• dhATV.rar