You are viewing revision #5 of this wiki article.
This version may not be up to date with the latest version.
You may want to view the differences to the latest version.
This article will show you how to add links and class to each node in ctreeview. so you can attach events in js by obtaining handler on anchor or class.
I am new to Yii, but I love this framewrok. lately I have been playing a bit with ctreeview. and I find out there is a lack of documentation about adding links to ctree node, so here, I would like to share my experience with you, because I think this is a quite common practice if you are using ctreeview. this article is based on this article
So I assume that you have something like this in your controller:
public function actionAjaxFillTree()
{
if (!Yii::app()->request->isAjaxRequest) {
exit();
}
$parentId = "NULL";
if (isset($_GET['root']) && $_GET['root'] !== 'source') {
$parentId = (int) $_GET['root'];
}
$req = Yii::app()->db->createCommand(
"SELECT m1.id, m1.name AS text, m2.id IS NOT NULL AS hasChildren "
. "FROM tree AS m1 LEFT JOIN tree AS m2 ON m1.id=m2.parent_id "
. "WHERE m1.parent_id <=> $parentId "
. "GROUP BY m1.id ORDER BY m1.name ASC"
);
$children = $req->queryAll();
echo str_replace(
'"hasChildren":"0"',
'"hasChildren":false',
CTreeView::saveDataAsJson($children)
);
exit();
}
after the query($children = $req->queryAll()) in above code, add the following loop to insert a link to each node, you can also add a class or id along with it.
$treedata=array();
foreach($children as $child){
$options=array('href'=>'#','id'=>$child['id'],'class'=>'treenode');
$nodeText = CHtml::openTag('a', $options);
$nodeText.= $child['text'];
$nodeText.= CHtml::closeTag('a')."\n";
$child['text'] = $nodeText;
$treedata[]=$child;
}
And replace
CTreeView::saveDataAsJson($children)
with
CTreeView::saveDataAsJson($treedata)
So try it out now.
Extension now available
There is already an extension that can handle such task. You can view it here.
a tip
if you would like to have URLs only on childs use this @ foreach loop :
foreach($children as $child){ $options=...........; $child['text'] = ($child['hasChildren'] == true ? $child['text'] : CHtml::openTag('a', $options).$child['text'].CHtml::closeTag('a')."\n"); $treedata[]=$child; }
If you have any questions, please ask in the forum instead.
Signup or Login in order to comment.