CTreeView用来显示具有层次结构的数据,使用TreeView 通过设置Data属性。Data为具有下面结构的数组:
ext: string, 树节点的文本.
expanded: boolean,可选,表示该节点是否展开.
id: string, 可选,该节点ID.
hasChildren: boolean, 可选,缺省为False,当为True表示该节点含有子节点.
children: array,可选,子节点数组。.
htmlOptions: array, HTML选项。
到目前为止我们还没有介绍读取数据库,因此本例使用Hard Code的数据如下:
array(
'text' => '
' ,
'id' => '21' ,
'hasChildren' => false
)
)
)
)))));
这里为每个节点的文本都添加了一个链接,同时也演示了使用JQuery响应节点的点击事件,这是 通过客户端JavaScripts来实现的。
修改View定义
$cs=Yii::app()->clientScript;
$cs->registerScript('menuTreeClick', "
jQuery('#menu-treeview a').click(function() {
alert('Node #'+this.id+' was clicked!');
return false;
});
");
$this->widget('CTreeView',array(
'id'=>'menu-treeview',
'data'=>DataModel::getDummyData(),
'control'=>'#treecontrol',
'animated'=>'fast',
'collapsed'=>true,
'htmlOptions'=>array(
'class'=>'filetree'
)
));
?>
clientScript的registerScript用来做客户端定义JavaScripts。