Yii框架扩展ztree【目录树】配置详细说明

Yii框架扩展ztree【目录树】配置详细说明(继承自zii.widgets.jui.CJuiWidget)

属性名：$scriptFile

说明：目录树需要加载的javascript库文件列表

属性名：$iconsCss

说明：开启zTreeIcons样式 (需要支持IE6的话，谨慎开启此项)

属性名：$cssFile 

说明：目录树需要加载的css样式文件列表

属性名：$data 

说明：目录树所需要的数据

属性名：$width

说明：容器宽度

属性名：$height

说明：容器高度

属性名：$onlySon 

说明：是否只允许选择子项

属性名：$backgroundId

说明：背景容器的ID名

属性名：$backgroundTagName

说明：背景容器(默认为DIV，为空则没有背景层)

属性名：$backgroundHtmlOptions

说明：背景容器HTML选项

属性名：$baseUrl

说明：assets目录地址

属性名：$model 

说明：待进行CRUD操作所需要的模型类

属性名：$criteria

说明：查询条件(设置model属性后生效)

属性名：$treeNodeNameKey

说明：树形节点列名键名(默认为name)

属性名：$treeNodeKey

说明：树形节点ID键名

属性名：$treeNodeKey

说明：树形节点ID键名

属性名：$treeNodeParentKey

说明：树形节点ID键名

属性名：$isSimpleData

说明：是否为普通数据(详情请参考ztree的javascript类库说明)

属性名：$options

说明：该属性继承于父类CJuiWidget,JS类库的其他配置信息都可以设置在这个属性之中

ztree扩展包使用方法：

$this->widget("path.ztree.zTree",array(
	"treeNodeNameKey"=>"name",
	"treeNodeKey"=>"id",
	"treeNodeParentKey"=>"pId",
	"options"=>array(
		"expandSpeed"=>"",
		"showLine"=>true,
	),
	"data"=>array(
		array("id"=>1, "pId"=>0, "name"=>"目录1"),
		array("id"=>2, "pId"=>1, "name"=>"目录2"),
		array("id"=>3, "pId"=>1, "name"=>"目录3"),
		array("id"=>4, "pId"=>1, "name"=>"目录4"),
		array("id"=>5, "pId"=>2, "name"=>"目录5"),
		array("id"=>6, "pId"=>3, "name"=>"目录6")
	)
));

定义数据的两种方式：
1、设置model属性后(model类名或者model对象)：
  数据获得方式则为$model->model()->findAll($this->criteria)
   例如：

1)

array(
 		"model"=>"tree", //tree为模型类名称
 	)

2)

array(
 		"model"=>$model, //此处为一个model对象(需要是CModel的子类)
	)

2、设置data属性
数据可以为数组，或者model的数据集(数组形式)
例如：

1)

array(
	"data"=>array(
		array("id"=>1, "pId"=>0, "name"=>"目录1"),
		array("id"=>2, "pId"=>1, "name"=>"目录2"),
		array("id"=>3, "pId"=>1, "name"=>"目录3"),
		array("id"=>4, "pId"=>1, "name"=>"目录4"),
		array("id"=>5, "pId"=>2, "name"=>"目录5"),
		array("id"=>6, "pId"=>3, "name"=>"目录6")
	)
)

2)

array(
	"data"=>tree::model()->findAll()
)

提醒：
1、iconsCss属性请谨慎开启，在IE6下效率会比较低
2、width属性不填的话，背景层宽度与containerId宽度一样

补充：

ztree的JS类库地址：http://www.baby666.cn/v3/main.php#_zTreeInfo