extjs TreePanel和TabPanel的问题
代码如下
<ext:TreePanel ID="TreePanel1" runat="server" Title="工作区" AutoHeight="true" Border="false"
Lines="false" ContainerScroll="true" AutoScroll="true">
<Root>
<ext:AsyncTreeNode NodeID="0" Text="我的工作区" />
</Root>
<Listeners>
<BeforeLoad Fn="nodeLoad" />
</Listeners>
</ext:TreePanel>
<ext:TabPanel ID="tab" runat="server" ActiveTabIndex="0" Border="false" Title="Center">
<Tabs> </Tabs>
</ext:TabPanel>
<script type="text/javascript">
function nodeLoad(node) {
Coolite.AjaxMethods.NodeLoad(node.id, {
success: function(result) {
var data = eval("(" + result + ")");
node.loadNodes(data);
},
failure: function(errorMsg) {
Ext.Msg.alert('Failure', errorMsg);
}
});
}
</script>
[AjaxMethod]
public static string NodeLoad(string nodeID)
{
Coolite.Ext.Web.TreeNodeCollection nodes = new Coolite.Ext.Web.TreeNodeCollection();
if (!string.IsNullOrEmpty(nodeID))
{
for (int i = 1; i < 3; i++)
{
AsyncTreeNode asyncNode = new AsyncTreeNode();
asyncNode.Text = nodeID + i;
asyncNode.NodeID = nodeID + i;
nodes.Add(asyncNode);
}
for (int i = 3; i < 6; i++)
{
Coolite.Ext.Web.TreeNode treeNode = new Coolite.Ext.Web.TreeNode();
treeNode.Text = nodeID + i;
treeNode.NodeID = nodeID + i;
treeNode.Leaf = true;
nodes.Add(treeNode);
}
}
return nodes.ToJson();
}
现在我想点击‘工作区’中的页面,在TabPanel中显示,怎么弄?