Print Page - Select the appended node in tree

Hi,

I am not able to select the newly added node(appended). Please let me know how to do it.
In the below code, when I add debugger to the onSelect(), the node is shown as null.

Code:

<ul id="menuTree" class="easyui-tree" data-options="dnd:true,animate:true,url:'<%=request.getContextPath()+Route.LIST_ROOTMENU%>', method:'GET', onSelect: function(node){openMenuForm(node);}, onDblClick: function(node){
	                    $(this).tree('beginEdit',node.target);
	                }"> 
</ul>

function addNode(text){
	var selected = $('#menuTree').tree('getSelected');
	var newNode = {
					parent:  (selected?selected.target:null),
					data: [{
						id: 'new',
						text: 'Enter Text',
					}]
				};
	$('#menuTree').tree('append', newNode);
	$('#menuTree').tree('select', newNode);	
}

The 'select' method requires you to pass a parameter that indicates the node DOM object. Please try this:

Code:

var t = $('#menuTree');
t.tree('append', newNode);
var s = t.tree('find', newNode.id);
t.tree('select', s.target);

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: leela on June 30, 2014, 08:43:18 AM