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

  1. zTree
  2. 使用简介
  3. 下载
  4. 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

5 3
13 followers
14 823 downloads
Yii Version: 1.1
License: BSD-2-Clause
Category: Others
Tags:
Developed by: jake451
Created on: Jul 26, 2011
Last updated: 6 years ago

Downloads

show all