js之dtree

1 dtree是一款开源的树形的js。用于输出树形菜单。主要是这两个文件:dtree.js和dtree.css


2 现在jsp中引入css和js。
如:



这里注意:dtree的所需的img的文件,都在WebRoot下建立一个img文件夹。然后将dtree的图片文件都放在这里。因为系统会默认调用WebRoot下的img文件夹中的图片。这点要记住。


3 在jsp中使用dtree。首先记住不要在onload方法中使用。根节点的父节点是-1
如:


document.write方法是将内容显示在页面上。未来的规划是将从后台来拼接dtree的数据。然后再前台显示出来(菜单)


完整的例子:webroot文件夹下有js、css、img。分别将dtree的文件放入其中。


<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>




 
   
    
    My JSP 'index.jsp' starting page


   






 
  
 
 

你可能感兴趣的:(js之dtree)