ztree开发文档ywb160224讲述.docx

Ztree插件开发文档 Ztree插件概要 Ztree插件是一个依靠jquery实现的多功能“树插件”。优异的性能，灵活的配置，多种功能的组合是ztree最大的特点。 Ztree插件特点 1》Ztree V3.0将核心代码按照功能进行了分割，不需要的代码可以不用加载； 2》采用了延迟加载技术，上万节点轻松加载，即使在IE6下也能做到基本秒杀； 3》兼容IE,FIREFOX,CHROME,OPERA,SAFARI等浏览器； 4》支持json数据； 5》支持静态和ajax异步加载节点数据； 6》支持任意更换皮肤/自定义图标（依靠css）； 7》支持极其灵活的checkbox或radio选择功能； 8》提供多种事件的响应回调； 9》灵活的编辑（增/删/改/查）功能，可随意拖拽节点，还可以多节点拖拽； 10》在一个界面内可以生成多个Tree实例 11》简单的参数配置实现，灵活的功能。 Ztree插件配置用法 ztree插件整体架构设计 ztree插件具体配置用法 到官网上下载插件，放到你的工程里面 在页面中引入了js和css之后就可以写代码了 代码详见目录下的文件zTreeDemo1.html Ztree插件API简要 1.setting配置详解 1.1 treeId String zTree 的唯一标识，初始化后，等于 用户定义的 zTree 容器的 id 属性值。 请勿进行初始化 或 修改，属于内部参数。 1.2 treeObj Object zTree 容器的 jQuery 对象，主要功能：便于操作。 请勿进行初始化 或 修改，属于内部参数。 1.3 async 1.3.1 type String 1.Ajax 的 http 请求模式。[setting.async.enable = true 时生效] 默认值：post type=“post” 表示异步加载采用post方式 type=“get” 表示异步加载采用get方式 2.举例(采用get方式加载数据)： var setting={ async:{ enable:true, type:”get”,  HYPERLINK C:\\Users\\acer\\AppData\\Roaming\\Microsoft\\Word\\”http:\\host\\getNode.php url:”http://host/getNode.php”, autoParam:[“id”,”name”] } } 1.3.2 autoParam Array(String) 1.异步加载时需要自动提交父节点属性的参数。[setting.async.enable = true 时生效] 默认值：[ ] 2.将需要作为参数提交的属性名称，制作成Array即可，例如[“id”,”name”] 3.可以设置提交时的参数名称，例如server只接受zid：[“id=zid”] 4.举例（设置id属性作为zid成为自动提交的参数： var setting={ async:{ enable:true,  HYPERLINK C:\\Users\\acer\\Desktop\\”http:\\host\\getNode.php url:”http://host/getNode.php”, autoParam:[“id=zid”] } } 1.4 callback 1.4.1 onClick Function(event,treeId,treeNode,clickFlag) 1.用于捕获节点被点击的事件回调函数 如果设置了 setting.callback.beforeClick 方法，且返回 false，将无法触发 onClick 事件回调函数。 默认值：null 2,Function参数说明： event 标准的js event 对象 treeId 对应Ztree的treeId，便与用户控制 treeNode 被点击的节点JSON数据对象 3.举例(每次点击节点时，弹出该节点的id，name值)： function zTreeOnclick(event,treeId,treeNode){ alert(treeNode.tId+”,”+treeN); } var setting = { callback:{ onClick:zTreeOnclick } } 1.4.2 onMouseDown Function(event,treeId,treeNode) 1.用于捕获 zTree 上鼠标按键按下后的事件回调函数 如果设置了 setting.callback.beforeMouseDown 方法，且返回 false，将无法触发 onMouseDown 事件