| Class Summary | |
| MobileTree |
tlv8.MobileTree() 流程控件 |
| Method Summary | |
| void |
initTree(setting) 加载树(初始化) |
| String |
loadFoliage(nowId,tree) 获取到加载树的枝叶的数据 |
| Array |
datasToNodes(tdatas, id, pid, name) 把字符串数据转换成树节点型数组 |
| Array |
getRootNodes(nodes) 得到根节点的方法 |
| Array |
filterVisibleNodes(nodes, closeicon, openicon) 过滤出可见节点 |
| void |
setNodeIcon(node, closeicon, openicon,childrenCount) 设置树节点的图标 |
| void |
listenTree(context, mVisibleNodes, mAllNOdes, tree, closeicon, openicon) 树节点的监听方法 |
| void |
changeImg(node) 改变节点的图标 |
| void |
showTree(node,tree) 展开树节点 |
| void |
closeTree(node,tree) 关闭树节点 |
| String |
createFoliagHtml(mVisibleNodes) 加载树枝叶的HTML |
| String | createTreeHtml(mVisibleNodes,context)初始化树的HTML |
| Event Summary | |
|
onClick(event, treeId, node) [回调型事件]单击节点事件 |
|
var mTree=new tlv8.MobileTree(); //实例化一棵树
mTree.initTree(setting); //通过树对象调用初始化的方法传入setting
var node=new treeNode(); //创建一个树对象
node.id; /*id*/
node.parentId; /*父id*/
node.name; /*内容*/
node.isExPand = false; /*展开状态*/
node.icon; /*图标*/
node.parent = null; /*父亲*/
node.children = new Array(); /*孩子*/
node.hasChildren=0; /*孩子数量*/
node.isRoot(); //node是否是根节点返回true或false
node.isParentExpand();//node的父节点是否是展开状态,返回true或false
node.isLeaf();//node是否是叶子节点,返货true或者false
node.getLevel();//得到node的层级,层级从1开始
node.isVisible();//node是否是可见节点,返回true或false
};
var setting = {
databaseName:"system",//数据库
tableName : "SA_OPORG",//对应的表名
id : "SID", // 设置构建树的id
parentid:"SPARENT", //父节点字段
name : "SNAME", //树要显示的名称字段
rootFilter : " SPARENT is null", //跟节点条件
otherConditions:"SVALIDSTATE='1'", //其他条件
orderby : "SSEQUENCE asc", //排序字段
rootDefaulExpand:false,//根节点是否默认展开,1=是,0=否 或者摄者为true或者false
context:"#tree_content", //树加载在哪个div
closeicon:"images/tree_ez.png", //关闭的图标
openicon:"images/tree_ex.png" //展开的图标
};
initTree(setting) //初始化树的方法,通过树对象调用,传入的参数是setting
通过传入的setting参数,决定树的加载
加载树的枝叶的方法,获取到当前元素为的孩子的数据
Parameters:
Returns:
{string} 此方法的返回值为String
Example:
动态请求服务器数据
把String类型的数据转换成treeNode树节点型数组的方法
Parameters:
第一个参数:tdatas
通过ajax请求到的String类型的数据
第二个参数:id
数据中的ID字段(String类型)
第三个参数:pid
数据中的PrentID字段(String类型)
第四个参数:name
数据中的name字段需要展示的名称(String类型)
Returns:
{string} 此方法的返回值为treeNode树节点对象数组
Example:
转换数据类型并确定节点间的关系
得到节点数组中的所有根节点
Parameters:
参数:nodes
通过String数据转换的节点数组
Returns:
{string} 此方法的返回值为treeNode树节点对象数组
Example:
返回根节点
得到节点数组中可见节点
Parameters:
第一个参数:nodes
要过滤的节点数组
第二个参数:closeicon
关闭的图标url(String)
第三个参数:openicon
打开的图标url(String)
Returns:
{string} 此方法的返回值为treeNode树节点对象数组
Example:
返回可见节点
设置节点的图标
Parameters:
第一个参数:node
要过滤的节点数组
第二个参数:closeicon
关闭的图标url(String)
第三个参数:openicon
打开的图标url(String)
第四个参数:childrenCount
当前节点的孩子个数
Returns:
此方法的返回值为void
Example:
设置节点的单击事件监听
Parameters:
第一个参数:context
创建树的div(String)
第二个参数:mVisibleNodes
可见的节点数组(Arry)
第三个参数:mAllNOdes
加载的节点数组(Arry)
第四个参数:tree
当前树对象
第五个参数:closeicon
关闭的图标url(String)
第六个参数:openicon
打开的图标url(String)
Returns:
此方法的返回值为void
Example:
设置节点展开事件
Parameters:
第一个参数:node
树节点对象
第二个参数:tree
当前树对象
Returns:
设置节点的展开方法
Example:
设置节点关闭事件
Parameters:
第一个参数:node
树节点对象
第二个参数:tree
当前树对象
Returns:
设置节点的关闭状态,并收起当前节点的所有孩子元素
Example: