参数

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

§   返回的数据中可以根据需要包含其它字段



Copyright ©2009 - 2014 CmsTop.Com.All rights reserved.
思拓合众