dtree树的扩展

liyunqiangyq

浏览: 30447 次
性别:
来自: 唐山

最近访客更多访客>>

天天学

windfic

13720323874

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

开源控件

JavaScript CSS MVC JSP 框架

虽然说项目已经告一段落了，上个星期还是忙。搞定权限，优化代码，搭配外网运行环境。不满意权限树的超级无敌慢，自己摞起袖子上阵，还好有个DTree。自己还得抽空写文档。
最大的收获还是dtree，其实以前也曾经注意到DTree，不过那时候没有真正的用在实际的开发中，也没有太放到心上。感谢http://www.destroydrop.com。
这个dTree果然是非常的不错，正是我寻找的基于客户端的树。在ＭＶＣ框架下这种基于客户端处理的树更是体现出了它的优势，而且在需要对树的效率进行优化时候也更有空间。
你只需要把需要显示的树的节点(s)传到客户端，其他的交给dTree来做。

根据dtree的javascript可以随意扩展，如下ex_dtree.js做简单的扩展：
－－－－－－－－－－－－－－－－　ex_dtree.js　－－－－－－－－－－－－－
function getRootId(root){
  return root.aNodes[0].id;
}
function getRootName(root){
  return root.aNodes[0].name;
}
function getSelectedId(root){
  return root.aNodes[root.selectedNode].id;
}
function getSelectedNode(root){
  alert(root.aNodes[root.selectedNode].name +"--"+ root.aNodes[root.selectedNode].id );
  alert(root.selectedNode);
}
function getParentId(root){
  return root.aNodes[root.selectedNode].pid;
}
function isSomeNodeSelected(root){
  return (root.selectedNode == null || root.selectedNode == "undefined");
}
function forwardDelete(root){
  if(isSomeNodeSelected(root)){
    alert("请选中要删除的节点！");
    return;
  }
  location.href = "tree.delete.do?rootid=" + getRootId(root) + "&rootname=" + getRootName(root) + "&id=" + getSelectedId(root);
}
function forwardAdd(root){
  forwardUrl = "tree.treeadd.istjsp?rootid=" + getRootId(root) + "&rootname=" + getRootName(root) + "&parentId=" + getSelectedId(root);
  parent.main.location.href = forwardUrl;
}
function forwardDetail(root){
  if(isSomeNodeSelected(root)){
    alert("请选中要修改的节点！");
    return;
  }
  forwardUrl = "tree.detail.do?rootid=" + getRootId(root) + "&rootname=" + getRootName(root) + "&id=" + getSelectedId(root);
  parent.main.location.href = forwardUrl;
}
一下树的显示页面
－－－－－－－－－－－－－－－－　　treedisplay.jsp -------------------------------

<%@ page c language="java"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.istqz.com" prefix="istframe"%>
<HTML>
<HEAD>
<TITLE> Tree Displayer </TITLE>
  <link rel="StyleSheet" href="commoncss/dtree.css" type="text/css"/>
  <script type="text/javascript" src="commonjs/dtree.js"></script>
  <script type="text/javascript" src="commonjs/ex_dtree.js"></script>
  <SCRIPT language="javascript" src="commonjs/popmenu.js"></SCRIPT>
  <script language="javascript">
  function doRedirect(url){
    parent.main.location.href=url;
  }
  </script>
</HEAD>
<BODY topmargin="0"  >
<%
String rootid = (String)request.getAttribute("rootid");
String rootname = (String)request.getAttribute("rootname");
java.util.List notes = (java.util.List)request.getAttribute("treefordisplay");
StringBuffer treeSb = new StringBuffer("<SCRIPT LANGUAGE=\"javascript\">\n");
treeSb.append(rootid);
treeSb.append("= new dTree('");
treeSb.append(rootid) ;
treeSb.append("','');\n");
treeSb.append(rootid);
treeSb.append(".config.useStatusText=true;\n");
treeSb.append(rootid) ;
treeSb.append(".config.useCookies=false;\n");
treeSb.append(rootid);
treeSb.append(".add('");
treeSb.append(rootid);//selfid
treeSb.append("','");
treeSb.append(-1);//parentid
treeSb.append("','");
treeSb.append(rootname);//selfname
treeSb.append("',");
treeSb.append("'javascript:void(0);');\n");
if(notes != null){
  int size = notes.size();
  for(int i = 0;i < size; i++){
    Object[] vals = (Object[])notes.get(i);
    treeSb.append(rootid);
    treeSb.append(".add('");
    treeSb.append(vals[0].toString());//selfid
    treeSb.append("','");
    if(vals[2] == null || vals[2].equals("")){
      treeSb.append(rootid);//parentid
    }else{
      treeSb.append(vals[2].toString());//parentid
    }
    treeSb.append("','");
    treeSb.append(vals[1].toString());//selfname
    treeSb.append("',");
    treeSb.append("'javascript:doRedirect([url=file://\\']\\'[/url]");
    treeSb.append(vals[4].toString());
    treeSb.append("[url=file://\\');');\n]\\');');\n[/url]");
  }
}
treeSb.append("document.write(");
treeSb.append(rootid);
treeSb.append(");\n");
treeSb.append("</SCRIPT>");
out.println(treeSb.toString());
%>
<istframe:popuMenu/>
<istframe:msgDialog/>
</BODY>
</HTML>

分享到：

html文本编辑器 | dtree.js树的使用

2008-10-22 10:54
浏览 1758
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论