DHTMLX中文使用手册2.0版本.doc

DHTMLX,中文,手册,2.0版本

5星 · 超过95%的资源需积分: 9 39 浏览量更新于2023-05-26 评论收藏 78KB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

DHTMLX Tree 中文开发指导（转载）

浮石收录于 2010-03-10 阅读数：公众公开 原文来源

最近开发项目使用到了 dhtmlXtree 做权限设置,看了网上相关的中文资料很少,就把官方的

资料翻译了下,一共分 2 部分,API 可以参考官方文档:http://dhtmlx.com/docs/

download.shtml

效果图如下(三态树):



dhtmlXTree 指南与实例

主要特性

多浏览器/多平台支持

全部由 JavaScript 控制

动态加载

XML 支持

大数据树动态翻译(智能 XML 解析)

拖拽(同一个树,不同的树之间,不同的框架之间)

带多选框(CheckBox)的树(两态/三态)

定制图标(使用 JavaScript 或 xml)

内容菜单(与 dhtmlxMenu 集成)

结点数据为用户数据

多行结点

高稳定性

支持 Macromedia Cold Fusion

支持 Jsp

支持 ASP.NET

支持以下浏览器

IE 5.5 或更高版本

Mac OS X Safari

Mozilla 1.4 或更高版本

FireFox 0.9 或更高版本

Opera (Xml 加载支持取决于浏览器版本)

使用 dhtmlXTree 进行开发

在页面初始化对象

<div id="treeBox" );

 tree.enableCheckBoxes(false);

 tree.enableDragAndDrop(true);

</script>

构造器有以下参数:

加载树的容器对象(应该在调用构造器之前被加载)

树的宽度

树的高度

树根的父结点的 id(超级根)

指定树的其他参数:

setImagePath(url) - 设置树所使用的图片目录地址

enableCheckBoxes(mode) - 打开/关闭多选框(默认打开)

enableDragAndDrop(mode) - 打开/关闭拖拽模式

设置事件处理

1.5 以上的版本支持一种新的设置事件的方式-使用 attachEvent 方法.设置一个事件处理方

法需要知道事件的名字和所调用的方法.可用的事件名参考这里(以后会翻译),在事件处理方

法中,可以这样引用树对象:

<div id="treeBox" ,onNodeSelect)//set function object to call on node select

 //see other available event handlers in API documentation

 function onNodeSelect(nodeId){

 ...

 }

</script>

很多时候函数要从参数中获取值.关于传值得详细信息请参考事件文档(以后翻译)



使用脚本增加结点

 tree=new dhtmlXTreeObject('treeBox',"100%","100%",0);

 ...

 tree.insertNewChild(0,1,"New Node

1",0,0,0,0,"SELECT,CALL,TOP,CHILD,CHECKED");

 tree.insertNewNext(1,2,"New Node 2",0,0,0,0,"CHILD,CHECKED");

</script>

第 4-7 的参数都是 0(选择后调用的方法,所使用的图片)意味着都使用默认值

最后一个使用逗号分隔的参数可以是以下值(只能是大写):

SELECT - 插入后选择此结点

CALL - 在选择时调用方法

TOP - 在最上方插入此结点

CHILD - 此结点有子结点

CHECKED - 此结点的多选框被选中(如果有的话)

使用 XML 加载数据

 tree=new dhtmlXTreeObject('treeBox',"100%","100%",0);

 tree.setXMLAutoLoading("http://127.0.0.1/xml/tree.xml");

 tree.loadXML("http://127.0.0.1/xml/tree.xml");//load root level from xml

</script>

在调用时,被打开的结点 id(就像 url 参数一样)将会被增加到初始化 XMLAutoLoading(url) 的

URL 地址上去

调用 loadXML(url)方法不会增加 id 到 url 地址上

调用无参的 loadXML()将会使用 XMLAutoLoading(url)所指定的 url 地址

直接在 XML 里面设置用户数据可以使用<userdata>标签,此标签只有一个参数:

name

和 value 去指定用户数据值



为结点定制图标

有两种方法去定制结点图标,这取决于增加结点的方式.注意:树将会从 setImagePath(url)方

法指定的路径去获取结点图片.

Javascript 的方式:使用 insertNewChild(...)或者 insertNewNext(...)方法的参数指定

 var im0 = "doc.gif";//icon to show if node contains no children

 var im1 = "opened.gif";//if node contains children and opened

 var im2 = "closed.gif";//if node contains children and closed

 tree.insertNewItem(0,1,"New Node 1",0,im0,im1,im2);

 tree.insertNewNext(1,2,"New Node 2",0,"txt.gif","opened.gif","closed.gif");

</script>

XML 的方式.使用<item>标签的属性:

<?xml version='1.0' encoding='iso-8859-1'?>

 <item text="My Computer" id="1" child="1" im0="doc.gif" im1="my_opened.gif"

im2="my_closed.gif">

</tree>

im0 - 没有子结点的结点显示的图片(将会从 setImagePath(url)方法指定的路径去获取图片)

im1 - 包含子结点的结点展开时显示的图片

im2 - 包含子结点的结点关闭时显示的图片



构建动态树

如果树包含很大数量的结点(或者你只是不想浪费时间去加载隐藏的结点),按照需要去加载

他们似乎是更好的选择,而不是一次性的全部加载进来.因此我们使用 XML 动态加载树.请参

考"使用 XML 加载数据"或者查阅"Dynamical Loading in dhtmlxTree v.1.x"



操作结点

一些使用树的方法来操作结点的例子:

 tree=new dhtmlXTreeObject('treeboxbox_tree',"100%","100%",0);

 ...

 var sID = tree.getSelectedItemId();//get id of selected node

 tree.setLabel(sID,"New Label");//change label of selecte node

 tree.setItemColor(sID,'blue','red');//set colors for selected node's label (for not selected

state and for selected state)

 tree.openItem(sID);//expand selected node

 tree.closeItem(sID);//close selected node

剩余16页未读，继续阅读

lobtao

2014-06-03

文章写得直白，适合有一定基础的人看。 .

mmmzzc

粉丝: 3
资源: 34

会员权益专享

DHTMLX中文使用手册2.0版本.doc

评论12

会员权益专享

最新资源

DHTMLX中文使用手册2.0版本.doc

评论12

dhtmlxGantt.doc

DHTMLX中文API开发手册

dhtmlxGrid介绍及使用手册（中文版）

dhtmlxgrid中文帮助文档

dhtmlx-gantt文档

dhtmlx 帮助文档 (中文版)

Dhtmlx Gantt修改文本框为输入框

dhtmlxgantt动态切换时间轴的单位

dhtmlxgrid 强大的表格控件

大麦内部版抢购脚本8.5.0.docx

湖南工伤HmacSHA1、Base64签名加密 Java动态库

C语言经典编程24例【必看】.pdf

YS-BRK05手机继电器开关使用手册

校园网服务器登记表【模板】.docx

毕业设计-基于ssm+jsp+mysql的医院院内物资管理系.zip

里巴巴集团技术团队的集体经验总结

com.belly.stickersort.apk

基于Java的C语言试题生成与考试系统设计与实现.doc

基础Linux指令，centos6适用

会员权益专享

最新资源