container
要载入tree的对象
options
配置信息,JSON数据对象
options参数默认的配置定义如下:
var OPTIONS = {
url:"?app=system&controller=index&action=menu&parent=%s",
paramId:"id",
paramHaschild:"hasChildren",
async:true,
expanded:false,
renderTxt:function(div, id, item){
return $('<span>'+item.text+'</span>');
},
active:function(){},
click:function(){},
prepared:function(){},
itemReady:function(){}
}
OPTIONS支持的属性说明如下
属性 |
类型 |
说明 |
url |
string |
树型tree加载的数据源地址,要求返回JSON格式 |
paramId |
string |
树的id参数在数据源中的名称 |
paramHaschild |
boolean |
树中用来判断是否有子树的参数名,对应的在数据源的名称 |
async |
boolean |
是否开启异步操作,默认数据准备就绪后自动加载树 |
expanded |
boolean |
是否自动加载子树,默认不加载 |
renderTxt |
function |
树节点显示格式模板,有三个参数 div, id, item,三个参数的解释如下:div 节点的DOM对象,id 节点的编号, item 节点的数据内容 |
active |
function |
树节点被激活时执行,有三个参数 div, id, item,解释同上 |
click |
function |
树节点在点击时执行,有三个参数 div, id, item,解释同上 |
prepared |
function |
数据加载完成,在显示树之前执行,该函数没有参数,但是将 tree实例传给了函数本身可用this调用 |
itemReady |
function |
单个节点准备完成,在显示之前执行,有三个参数 li, ul, item, 三个参数的解释如下: li 当前节点DOM对象,ul 父节点DOM对象, item 节点的数据内容 |
AJAX返回数据说明
§ 树加载数据时使用ajax GET方式获取
§ 返回的数据应该是JSON格式的多条数据
§ 返回的数据中至少包含 3个字段:数据编号(paramId),是否有子树(paramHaschild),当前节点的名称(paramTxt)
§ 返回的数据中可以根据需要包含其它字段