Sorry about that. I should read a little slower. Ok, try this and then modify it for your code.
Create a file and call it test.php. Add this code to it;
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Demo</title>
<link class="jeasycss" rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
function openTab() {
$('#tt').tabs('add', {
title: 'New Tab',
href: 'tab.php',
closable: true
});
}
</script>
</head>
<body class="easyui-layout" style="text-align:left">
<div region="west" border="false" split="true" title="Topics" style="width:250px;padding:5px;">
<ul class="easyui-tree">
<li><span>Login</span>
<ul>
<li><a href="#" onclick="openTab()">Topic 1</a></li>
<li><a href="#" onclick="openTab()">Topic 2</a></li>
</ul>
</li>
</ul>
</div>
<div region="center" border="false">
<div id="tt" class="easyui-tabs" fit="true" border="false" plain="true">
</div>
</div>
</body>
</html>
Then create another file and call that tab.php. Add this code to it;
<table id="tt"></table>
<script type="text/javascript">
function sayHello() {
$.messager.alert('Message', 'Hello');
}
</script>
<table id="tt" class="easyui-datagrid" style="width:700px;height:250px"
title="Load Data" iconCls="icon-save"
rownumbers="true" pagination="true">
<thead>
<tr>
<th field="itemid" width="80">Item ID</th>
<th field="productid" width="120">Product ID</th>
<th field="listprice" width="80" align="right">List Price</th>
<th field="unitcost" width="80" align="right">Unit Cost</th>
<th field="attr1" width="200">Attribute</th>
<th field="status" width="60" align="center">Stauts</th>
</tr>
</thead>
</table>
<button onclick="sayHello()">Say Hello</button>
Whenever you click on an item in the tree, it will open a tab and display a working jeasyui datagrid in the tab. There is also a button to run some simple JavaScript which calls a jeasyui function. I'm not sure what you are doing in your php code, but I hope this helps.
