Yii框架扩展zTreeDropdown【目录树下拉菜单】配置详细说明

最新推荐文章于 2023-05-14 11:06:07 发布

原创最新推荐文章于 2023-05-14 11:06:07 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#扩展 #框架 #javascript

YII框架扩展组件专栏收录该内容

9 篇文章

订阅专栏

本文详述了Yii框架中zTreeDropdown扩展的配置，包括$containerId、$clickId、$updateId和$height属性。zTreeDropdown是基于ztree类库的，提供了目录树下拉菜单的功能。当$clickId未设置时，默认与$containerId相同，而$height默认高度为300。使用此扩展可以实现类似图示的效果。如需了解更多，可访问提供的扩展地址。

Yii框架扩展zTreeDropdown【目录树下拉菜单】配置详细说明(继承自ztree类库)

属性名：$containerId

说明：TEXT容器ID

属性名：$clickId

说明：点击弹出覆层的控件ID(默认与containerId一样)

属性名：$updateId

说明：更新ID的控件ID(默认与containerId一样)

属性名：$height

说明：背景高度(默认为300)

zTreeDropdown扩展包使用方法：

echo CHtml::textField('textField');
echo CHtml::link('弹出', 'javascript:;', array('id'=>'open'));
$this->widget('path.ztree.zTreeDropdown',array(
	'containerId'=>'textField',
	'clickId'=>'open',
	'treeNodeNameKey'=>'name',
	'treeNodeKey'=>'id',
	'treeNodeParentKey'=>'pId',
	'onlySon'=>true,
	'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、clickId属性不填的话，默认与containerId相同
2、width属性不填的话，背景层宽度与containerId宽度一样

该类库特有的配置项不多，主要继承自ztree类库。

运用该类库，我们可以生成如下图的效果