dhtmlx tree的使用方式
来源:互联网 发布:什么软件买股票 编辑:程序博客网 时间:2024/05/29 09:39
步骤:
1.导入dhtmlx的相关js文件与css文件
2.进行JS调用
//定义树var tree;function loadTree(){$('#doctree_box').html('');//创建一棵树//参数含义 1.对应的树div id 2,3对应长宽 4对应树根节点ID tree=new dhtmlXTreeObject("doctree_box","100%","100%",0); //设置样式 tree.setSkin('dhx_skyblue'); //设置背景图片路径 tree.setImagePath( ctx+"/images/dhtmlx/csh_yellowbooks/"); //点击树时出发的函数 tree.setOnClickHandler( function(id){openPathDocs(id); } ); //请求url var url=ipAddress+ctx+"/sale/orderPoolManager.do?flag=tree"; tree.setXMLAutoLoading(url); //实现树的展示 tree.loadXML(url); }
点击数的函数:
/* open path funtion */function openPathDocs(id){ if (tree.getUserData(id, "centerId") != null ){ alert(tree.getUserData(id, "centerId")); return; }else{ alert('获取centerId值失败!'); }}
3.进行树结构的定义,可以采用xml报文或者dom4j生成xml
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><?xml version="1.0" encoding="UTF-8"?><tree id='0'><item id='node_1' open='1' text='XXX查询' child='1' im0='folder.gif' im1='folderopen2.gif'im2="folder.gif"><!-- 此处为动态写入 START --><item id='center_01' text='待解决(20)' im0='page.gif' im1='page.gif' im2='page.gif'> <userdata name="poolStatus">wait</userdata></item><item id='center_02' text='处理中(1)' im0='page.gif' im1='page.gif' im2='page.gif'> <userdata name="poolStatus">process</userdata></item> <item id='center_03' text='已处理' im0='page.gif' im1='page.gif' im2='page.gif'> <userdata name="poolStatus">done</userdata></item><!-- 此处为动态写入 END --></item></tree>
- dhtmlx tree的使用方式
- DHTMLX TREE userdata 使用
- DHTMLX-Tree
- dhtmlx使用
- struts2 结合 dhtmlx tree
- DHTMLX Tree示例
- DHtmlX中combo的基础使用
- dhtmlx tree在IE9下不显示的问题
- DHTMLX Tree怎么限制选中节点的数量
- DHTMLX Tree中文开发指导
- DHTMLX Tree中文开发指导
- DHTMLX Tree中文开发指导
- DHTMLX Tree中文开发指导
- DHTMLX Tree中文开发指导
- DHTMLX Tree中文开发指导
- DHTMLX Tree中文开发指导
- DHTMLX combo的学习
- Dhtmlx
- PCL学习笔记一:io
- ubuntu下ssh server服务配置
- .net服务器控件转换为html控件
- 让开发者高效编程的10个新框架
- 听学术交流会有感
- dhtmlx tree的使用方式
- Eclipse使用Git代替CVS与SVN实现版本管理
- CC、CQ已可用了,你懂的
- zoj 1108 FatMouse's Speed
- Visual Studio 2010 编译 MongoDB C++ Client Driver(看这里,终于解决了编译问题,谢谢大神的分享)
- web.xml配置文件概述
- Android ListView 正在加载 异步载入数据 CursorLoader 例子
- JNI学习系列(二)
- poj2630Phone List(静态Trie tree)