Class tlv8.MobileTree
移动版树组件

 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)
[回调型事件]单击节点事件

 Class Detail

JustepYnMobileTree

var mTree=new tlv8.MobileTree(); //实例化一棵树

mTree.initTree(setting); //通过树对象调用初始化的方法传入setting


treeNode

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

};


setting

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" //展开的图标

};


void initTree(setting)

initTree(setting) //初始化树的方法,通过树对象调用,传入的参数是setting

通过传入的setting参数,决定树的加载


String loadFoliage(nowId,tree)

加载树的枝叶的方法,获取到当前元素为的孩子的数据

Parameters:

Returns:

{string} 此方法的返回值为String

Example:

动态请求服务器数据


Arry datasToNodes(tdatas, id, pid, name)

把String类型的数据转换成treeNode树节点型数组的方法

Parameters:

第一个参数:tdatas

通过ajax请求到的String类型的数据

第二个参数:id

数据中的ID字段(String类型)

第三个参数:pid

数据中的PrentID字段(String类型)

第四个参数:name

数据中的name字段需要展示的名称(String类型)

Returns:

{string} 此方法的返回值为treeNode树节点对象数组

Example:

转换数据类型并确定节点间的关系


Arry getRootNodes(nodes)

得到节点数组中的所有根节点

Parameters:

参数:nodes

通过String数据转换的节点数组

Returns:

{string} 此方法的返回值为treeNode树节点对象数组

Example:

返回根节点


Arry filterVisibleNodes(nodes, closeicon, openicon)

得到节点数组中可见节点

Parameters:

第一个参数:nodes

要过滤的节点数组

第二个参数:closeicon

关闭的图标url(String)

第三个参数:openicon

打开的图标url(String)

Returns:

{string} 此方法的返回值为treeNode树节点对象数组

Example:

返回可见节点


void setNodeIcon(node, closeicon, openicon,childrenCount)

设置节点的图标

Parameters:

第一个参数:node

要过滤的节点数组

第二个参数:closeicon

关闭的图标url(String)

第三个参数:openicon

打开的图标url(String)

第四个参数:childrenCount

当前节点的孩子个数

Returns:

此方法的返回值为void

Example:


void listenTree(context, mVisibleNodes, mAllNOdes, tree, closeicon, openicon)

设置节点的单击事件监听

Parameters:

第一个参数:context

创建树的div(String)

第二个参数:mVisibleNodes

可见的节点数组(Arry)

第三个参数:mAllNOdes

加载的节点数组(Arry)

第四个参数:tree

当前树对象

第五个参数:closeicon

关闭的图标url(String)

第六个参数:openicon

打开的图标url(String)

Returns:

此方法的返回值为void

Example:


void showTree=function(node,tree)

设置节点展开事件

Parameters:

第一个参数:node

树节点对象

第二个参数:tree

当前树对象

Returns:

设置节点的展开方法

Example:


void closeTree(node, tree)

设置节点关闭事件

Parameters:

第一个参数:node

树节点对象

第二个参数:tree

当前树对象

Returns:

设置节点的关闭状态,并收起当前节点的所有孩子元素

Example:


onClick(event, treeId, node)
[回调型事件]单击节点事件
Parameters:
event
配置:
var setting = { ... ,callback : { onClick : treeselected } };