Print Page - Tree - dynamically change icon with Formatter

Title: Tree - dynamically change icon with Formatter
Post by: devnull on April 14, 2015, 05:29:44 AM

Hi;

Can I use the formatter to change the node icon, this appears to cause recursion:

Code:

formatter:function(node){
	switch(node.id){
		case "x":
			var cls = 'aicon-user';
			break;
		case "y":
			var cls = 'aicon-group';
			break;
	}

	$(this).tree('update',{target:node.target,iconCls:cls})
}

Title: Re: Tree - dynamically change icon with Formatter
Post by: stworthy on April 14, 2015, 08:07:00 AM

The 'formatter' function only render the node's text. Please try to use the 'loadFilter' function to change the node's icon.

Code:

$('#tt').tree({
	loadFilter: function(data, parent){
		function forNodes(data, callback){
			var nodes = [];
			for(var i=0; i<data.length; i++){
				nodes.push(data[i]);
			}
			while(nodes.length){
				var node = nodes.shift();
				if (callback(node) == false){return;}
				if (node.children){
					for(var i=node.children.length-1; i>=0; i--){
						nodes.unshift(node.children[i]);
					}
				}
			}
		}
		forNodes(data, function(node){
			if (node.id == 'x'){
				node.iconCls = 'icon-user';
			}
		});
		return data;
	}
})

Title: Re: Tree - dynamically change icon with Formatter
Post by: LastByte on October 13, 2015, 10:36:21 AM

Is there any way to correctly assign the node icon class/image in a tree.

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: devnull on April 14, 2015, 05:29:44 AM