ztree

Yii Framework Extensions

Createnew extension

Popular Tags

ztree ztree组件扩展, 关于树形菜单的扩展，功能比较强大

zTree
使用简介
下载
zTree Js功能效果预览

zTree ¶

ztree 组件扩展

使用简介 ¶

效果1：预览图

$this->widget('ext.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')
	)
));

效果2：预览图2

echo CHtml::textField('textField');
echo CHtml::link('弹出', 'javascript:;', array('id'=>'open'));
$this->widget('ext.ztree.zTreeDropdown', array(
        'containerId'=>'textField',
        'clickId'=>'open',
        'onlySon'=>true,
        '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')
        )
));

下载 ¶

YII扩展源码下载地址

ztreeJs源代码，实例，手册下载

zTree Js功能效果预览 ¶

JS zTree功能预览图

一、普通功能-不兼容IE6 二、基本功能-兼容IE6 三、 CheckBox演示四、 Radio演示五、异步加载演示六、事件演示七、编辑演示八、编辑演示 —— 编辑与异步加载共存九、 Javascript 操作演示十、大数据量演示 —— 普通加载十一、大数据量演示 —— 高级异步加载十二、高级应用演示 —— 两棵树之间数据交互十三、高级应用演示 —— 添加自定义控件十四、高级应用演示 —— checkbox & radio 共存十五、高级应用演示 —— 右键菜单十六、高级应用演示-下拉菜单.jpg