README

Yii框架2.0的zTree扩展

安装

安装此扩展的首选方式是通过composer。

运行以下命令之一：

php composer.phar require --prefer-dist liyuze/yii2-ztree "*"

或者，在你的 composer.json 文件的require部分添加：

"liyuze/yii2-ztree": "*"

to the require section of your composer.json file.

使用方法

扩展安装后，只需在代码中使用

<?= \liyuze\ztree\ZTree::widget([
        'setting' => '{
			data: {
				simpleData: {
					enable: true
				}
			}
		}',
        'nodes' => '[
			{ id:1, pId:0, name:"父节点1 - 展开", open:true},
			{ id:11, pId:1, name:"父节点11 - 折叠"},
			{ id:111, pId:11, name:"叶子节点111"},
			{ id:112, pId:11, name:"叶子节点112"},
			{ id:113, pId:11, name:"叶子节点113"},
			{ id:114, pId:11, name:"叶子节点114"},
			{ id:12, pId:1, name:"父节点12 - 折叠"},
			{ id:121, pId:12, name:"叶子节点121"},
			{ id:122, pId:12, name:"叶子节点122"},
			{ id:123, pId:12, name:"叶子节点123"},
			{ id:124, pId:12, name:"叶子节点124"},
			{ id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true}
		]'
    ]);
?>

或者，在代码中标准使用它

<?= \liyuze\ztree\ZTree::widget([
		'id' => 'category_tree',	//自定义id
        'setting' => '{
			view: {
				dblClickExpand: false,
				showLine: false
			},
			callback: {
				onClick: onClick
			}
		}',
        'nodes' => '[
			{ name:"父节点1 - 展开", open:true,
				children: [
					{ name:"父节点11 - 折叠",
						children: [
							{ name:"叶子节点111"},
							{ name:"叶子节点112"},
							{ name:"叶子节点113"},
							{ name:"叶子节点114"}
						]},
					{ name:"父节点12 - 折叠",
						children: [
							{ name:"叶子节点121"},
							{ name:"叶子节点122"},
							{ name:"叶子节点123"},
							{ name:"叶子节点124"}
						]},
					{ name:"父节点13 - 没有子节点", isParent:true}
				]
			}
		]'
    ]);
?>

<script>
	function onClick(e,treeId, treeNode) {
        var zTree = $.fn.zTree.getZTreeObj("treeDemo");
        zTree.expandNode(treeNode);
    }
</script>

扩展

zTree GitHub zTree API zTree Demo