dynatree

Yii Framework Extensions

Popular Tags

dynatree Wrapper class for jQuery Dynatree extension also handles with setting selected items and form submit.

Requirements
Usage
Resources

Wrapper class for jQuery Dynatree extension also handles with setting selected items and attaches selected items to the form in hidden fields.

Requirements ¶

Yii 1.1 or abobe

Usage ¶

You can call widget in view files like following.

<?php $this->widget('ext.dynatree.DynaTree',array(
    'attribute'=>CHtml::activeName($model,'categories'),
    'data'=>Category::model()->getCategoryTree('tree'),
    'selection'=>$model->categoryIds,
)); ?>

Resources ¶

4 0

13 followers

2 207 downloads

Yii Version: 1.1

License: MIT

Category: User Interface

Tags: dynaTree, jquery, jstree, tree, widget

Developed by: broker

Created on: Nov 10, 2012

Last updated: 11 years ago

Downloads

show all

Related Extensions

User Contributed Notes 10

#10706

0 0

Nice

You know what I havent time to make an extension for this, for my project I used vanilla JS with hidden field to post data from forms (can you imagine the whole work :p) but now I will test that and you will have my feedback.

Cherif at Nov 17, 2012, 10:01:17 AM

#10934

0 0

Thanks

This extension saves a lot of time..

Manoj M at Dec 5, 2012, 5:58:18 AM

#11477

0 0

Need an example

Hi,

Thanks for this extension, really great!

It would be helpful to have an example of the 'data' and 'selection' format.

Thanks

zvik2004 at Jan 16, 2013, 12:19:33 AM

#11481

0 0

demo application/sample data

Hi zvik2004,
Thank you for your advice. I will submit a demo application and sample data to download.

broker at Jan 16, 2013, 8:29:02 AM

#11581

0 0

demo application

I uploaded demo application. It includes all related models and controller codes. Sample data is located under protected/data folder(testdrive.sql).

broker at Jan 21, 2013, 10:24:33 PM

#13490

0 0

Ajax Button

Please could you tell me how to attach this to the post parameters on an ajax button?

StuartMc at May 31, 2013, 3:54:50 PM

#13499

0 0

Re: Ajax Button

Hi StuartMc,
You can edit DynaTree.php line 99-103. Instead of regular submit, you can make an ajax call on submit event. But you to serialize selected items.

broker at Jun 1, 2013, 6:02:06 PM

#15143

0 0

An error?

Am I wrong or is there an error?

Line 73 sets $id, which is then never used (instead $this->id is in use, but there is no declatarion for $id in the class).

I couldnt make it work with passing the htmlOptions['id'], but once I added $id to class declaration and replaced $id with $this->id it started to work. Please correct or explain where was I lost...

RandomWhiteTrash at Oct 11, 2013, 6:29:02 AM

#15148

0 0

Re: An error?

Yes, you are right. This is a bug. I updated the extension.

broker at Oct 11, 2013, 7:50:51 PM

#18990

0 0

Search in Dynaa tree

Hi I wrote a script to enable search in dynatree. Let me know if it contains error or can be improved.

Yii::app()->clientScript->registerScript("tree-search1","
var tree_id=".$tree_id.";
if(typeof tree_id == 'object')
tree_id=tree_id.id;
$('#search-tree').keyup(function(){
var text=$(this).val();
if(text.length < 4) 
return;
	var keys=new Array();
		$('#'+tree_id).dynatree('getRoot').visit(
		function(node) {
			var li = node.li;
			var title=node.data.title;
			if((title.toLowerCase()).indexOf(text.toLowerCase()) !== -1) 
			{
				node.makeVisible();
				$(li).find('a').addClass('bold');
				keys.push(node.data.key);
			}
			else
			{
				if(keys.indexOf(node.data.key) === -1)
					node.expand(false);
				$(li).find('a').removeClass('bold');
			}
	});
});

");


<p><input class="search" id="search-tree" placeholder="Search Categories here..." autocomplete="off" /></p>

Vinod Agarwal at Feb 19, 2015, 10:48:01 AM