1 自定义树
1.1 用法1.1.1 引入js在6.0版本之前使用的是jstree实现的,需要引入脚本:
jstree/jquery.jstree.js">
在6.0版本及之后版本推荐使用ztree实现,不要再使用jstree实现。
在6.0版本及之后版本中使用ztree实现,需要引入脚本:
jstree和ztree实现均需要引入脚本:
1.1.2 参数说明jstree实现:custom_tree({parameters });已过期
ztree实现:custom_ztree({parameters });
参数说明:
1)必填的参数url
2)inputObj:inputObj的值为保存
title的input的id,该参数和onsuccess两者中必须填一个,且若两者都填了,则以onsuccess为主
3)onsuccess:为确定时关闭该窗口时回调的方法,该参数和inputObj两者中必须填一个,且若两者都填了,则以onsuccess为主
4)multiple:是否是多选树,默认为false,单选树
5)nodeInfo:['','',....],数组值为树节点id各部分代表的意义,如树节点id为:值1-值2-值3-值4,则nodeInfo的值应为['a','b','c','d']
调用方法getSelectValue('a')得到"值1",getSelectValue('b')得到"值2",getSelectValue('c')得到"值3",getSelectValue('d')得到"值4"等,当然a b c d可以为任意字符串
6)postData:拼树的action中需要的参数,其格式为{name:value,.....}
7)width:窗口宽度,默认300
8)height:窗口高度,默认400
9)title:窗口的标题,
10)tree:如果页面为带有页签的树,其值为object对象{'标签树名称':{treeobj},'标签树名称':{treeobj}},treeobj的配置参照以上9条规则
11) separate:分隔符,默认为"~~"
页签树配置说明:
1)页签树中treeobj没有配inputObj和onsuccess,则obj必须配置其中一项
2)页签树中treeobj有配inputObj或onsuccess,则以treeobj的配置为准,除了obj配置onsuccess,而treeobj配置inputObj,则以obj配置的onsuccess方法为准
3)postData:以页签树treeobj中配的为准,如果页签树没配则以obj配的为准
API方法:
1)getSelectValue(nodeInfo中单个值),其用法参照'参数说明/nodeInfo';
2)getSelectNodeId() ,获得选中节点的id,选中单个节点返回id字符串,选中多个返回id数组
3)getSelectNodeTitle(),获得选中节点的title,选中单个节点返回title字符串,选中多个返回title数组
4)getSelectValueByIndex(index),获得节点的值,如节点id的值为:值1-值2-值3-值4,则getSelectValueByIndex(1)的值为"值1",getSelectValueByIndex(2)的值为"值2",依次类推