Window with two tabs [SOLVED]

[chriseana]

I have a Treeview with a onclick event that shows a window that loads an specific HTML page:

Code:

  /* On Click Function */
			$('#tt').tree({
				onClick: function(node){

					if (node.url == "" || node.url == null) {
					} else {
						/* Open a Window to show data */
						$('#win').window({
	           width:880,
	           height:500,
	           modal:true
	          });
						/* load window content from disk */
	         $('#win').window('refresh', node.url);

					 /* Define window properties */
					 $('#win').window({
						cls:'c7',
						title: 'Dados',
						border:'thin',
			 			collapsible: false,
			 			minimizable: false,
			 			maximizable: true,
			 			closable: true
			 		});

					/* alert(node.url);  // alert node text property when clicked */
	  			}
				}
			});

Now, I need to open this same window but with two TABs, each loading a specific HTML page.

How can I do this using Javascript?

[stworthy]

In your 'onClick' event, open the window component and load its content.

Code:

onClick: function(node){
	var url = node.url;
	$('#win').window('open').window('refresh', url)
}

The window component looks like this:

Code:

<div id="win" class="easyui-window" closed="true" style="width:600px;height:300px">
</div>

And the content page looks like this:

Code:

<div class="easyui-tabs" fit="true">
	<div title="Tab1"></div>
	<div title="Tab2"></div>
</div>

[chriseana]

Thank you,
It's working now.
It's so easy, but I was stuck in another paradigm.

Best regards