Tab Content by Tree onClick

[ftmh]

How do i have different content for my tabs dynamically? . i have a tree with some nodes(Form,AddUser,Search), that when click on each node the "addpanel()" function of tab work and make tab,but i have different JSP page, how can i have more than one href for my tab, when i click on tree node the related  jsp page appear in my tab. tnx 

[stworthy]

When click a tree node, call 'select' method of tabs to make the corresponding tab panel visible.

Code:

$('#tt').tree({
  onClick: function(node){
    $('#tabs').tabs('select', node.title);
  }
});

[ftmh]

thanks  

I think the title of the tab most the same as jsp name:

Code:

 
var tt= $('#tab').tab('options').title;
function addPanel(node) {	  
          index++;
          $('#tab').tabs('add', {
              title: node.text,
href:tt+'.jsp',
              closable: true
          });
      }

it is right?

[stworthy]

You can use the same name as the node text for your pages.

Code:

$('#tt').tree({
	onClick: function(node){
		var t = $('#tabs');
		if (t.tabs('exists', node.text)){
			t.tabs('select', node.text);
		} else {
			t.tabs('add', {
				title: node.text,
				href: node.text + '.jsp',
				closable: true
			})
		}
	}
})

[ftmh]

thanks  it's works