jsp 基于dtree 从数据库中进行动态生成树(radio)

大家可以从网上下载  dtree.js和dtree.css,网上很好找的

jsp页面

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.sql.*"%>
    <%@page import="DB.DbDao" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>  
  <link rel="StyleSheet" href="css/dtree.css" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
 <script type="text/javascript" src="js/dtree.js"></script>
 <script type="text/javascript">
 <!--
     $(function(){
            d = new dTree('d');
            d.add(0,-1,"学科分类");
           //d.config.inOrder = true;
            $.ajax({
    url:'treeServlet',
    type:'post', //数据发送方式
    dataType:'xml', //接受数据格式
    error:function(json){
             alert( "not lived!");
       },
    async: false ,//同步方式
    success: function(xml){
         $(xml).find("node").each(function(){
        var nodeId=$(this).attr("nodeId"); 
         var parentId=$(this).attr("parentId"); 
        var nodeName=$(this).text();
        d.add(nodeId,parentId,"<input type='radio' name='where' value='2' id='t100001'>"+nodeName);
                        });
           }
     });
          
        window.d=d;
       $("#tree").html(d.toString());

      $("input[type='checkbox']").click(function(){
              var pId=this.id;
             $("input[id*='"+pId+"']").attr("checked",this.checked);
       });
  }); 

  
 //-->
 </script>
 </head>

 <body>
  <div id="tree"></div>
 </body>
</html>


TreeServlet

 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
	    
	    request.setCharacterEncoding("utf-8");   
	               response.setContentType("text/xml;charset=utf-8");   
	               PrintWriter out = response.getWriter();   
	               DbDao aDao=new DbDao();
	               System.out.print("dsdsds");
	               ResultSet resultSet=aDao.executeQuery("select * from T_XKFL");
	              if(resultSet != null){   
	                   out.println("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");   
	                   out.println("<nodes>");   
	               try
		    {
			while(resultSet.next()){   
			            out.println("<node nodeId='"+resultSet.getString(1)+"' parentId='"+resultSet.getString(3)+"'>"+resultSet.getString(2)+"</node>");   
			       }
		    } catch (SQLException e)
		    {
			// TODO Auto-generated catch block
			e.printStackTrace();
		    }   
	               try
		    {
			resultSet.close();
		    } catch (SQLException e)
		    {
			// TODO Auto-generated catch block
			e.printStackTrace();
		    }
	               aDao.CloseDB();
	                  out.println("</nodes>");   
	              }   

	    
	    
	    
	}


 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值