组成
dhtmlxcommon.js
dhtmlxtree.js
可选图片和css
使用dhtmlxtree创建部门用户列表实例 效果如图:
图一、部门用户列表
具体实现代码:
//用户列表
function initUserTree(){
$.get("userAction!UserTree.do?random="+Math.random(),function(strxml){
//strxml 类似<?xml version="1.0" encoding="UTF-8"?>
//<userTree><deptInfo name="规划局" parentid="0"
//deptid="1003"><userInfo name="李四" //parentid="1003"
//userid="248"></userInfo></deptInfo></userTree>
var xmlDom=BrowserAdepter.getDomDocument();
xmlDom.loadXML(strxml);
if(xmlDom.xml=="") return false;
//xsl转换
var xsl =BrowserAdepter.getDomDocument();
xsl.async = false;
xsl.load("javascripts/page/rolemanage/userTree.xsl");
var formatHtml=xmlDom.transformNode(xsl);
formatHtml=formatHtml.replace('<?xml version="1.0" encoding="UTF-16"?>',"");
constructUserTree(formatHtml);
});
};
function constructUserTree(xmlStr){
tree = new dhtmlXTreeObject("treebox", "100%", "100%", 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("javascripts/page/rolemanage/codebase/imgs/csh_vista/");
tree.enableTreeLines(true);
tree.setOnClickHandler(onNodeClick);
tree.loadXMLString(xmlStr);
};
//点击节点触发事件
function onNodeClick(){
//insert 业务逻辑
}
以及html中的div容器 'treebox'
- 大小: 5.6 KB
分享到:
相关推荐
dhtmlxtree构建动态维护树,介绍dhtmltree的构建以及修改!
dhtmlxTree目录树 前端 - Javascript实例代码是PHP+mySQL实现,其它语言稍做修改即可实现。与宿主语言无关。实例中代码解压后,导入数据库,并配置一下conn.php的数据库帐号和密码即可浏览.zip
dhtmlxTree各类动态树的实现能运行,是一个组件,可直接调用它的方法实现你想要的东西
完善dhtmlxTree目录树,实现以下内容: 1、右键菜单(右键菜单中包括:新建、修改、共享、删除、刷新等功能) 2、拖拽排序 教程:http://blog.csdn.net/zm2714/article/details/7936565 本压缩包内实例代码是...
dhtmlxtree实例包括复选、右键菜单、拖拽等功能
dhtmlXtree树 右dhtmlXtree键菜单
dhtmlxTree 树形控件 JavaScript
JS 带右键菜单的目录树 dhtmlxtree+proto.menu 分权限 JS 带右键菜单的目录树 dhtmlxtree+proto.menu 分权限 图片预览 ...
dhtmlxTree目录树菜单
JS 带右键菜单的目录树 dhtmlxtree+proto.menu JS 带右键菜单的目录树 dhtmlxtree+proto.menu JS 带右键菜单的目录树 dhtmlxtree+proto.menu ...
dhtmlxTree 帮助文档 dhtmlxTree 实例
第三方树控件dhtmlxTree 3.6
本篇文章介绍了,dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法。需要的朋友参考下
Java 动态树 dhtmlxtree,可以隐藏和展开树,得到树根,树枝节点名称。
dhtmlxTree 树菜单.docx
圣诞节到了,我为大家送上java版的纯json数据构建树的demo,嘻嘻有了这个demo想建多少棵圣诞树也不是问题!送给各位位辛勤劳动的软件工程师们,祝大家圣诞快乐,新年快乐!身体健康,事业有成哦!
dhtmlXTree1.6,js实现的树结构的目录
dhtmlXTree可实现多种样式的树型菜单,支持多种样式的图表,另外还支持复选框树型菜单,复选框有三种状态:完全选中,半选中和未选中状态