Jul 01, 2014, 1:07 AM
How to access the loader panel from a loadee (aspx)
I loaded an aspx file into a tab panel (loader). How can I access the loader inside the aspx (the loadee)?
Default.aspx (the loader):
Default.aspx (the loader):
<%@ Page Language="C#" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
Node root = new Node();
root.NodeID = "ROOT";
root.Text = "ROOT";
root.Leaf = false;
Node treeNode = new Node();
treeNode.NodeID = "task1";
treeNode.Text = "Task1";
treeNode.Leaf = true;
root.Children.Add(treeNode);
TreePanel1.Root.Add(root);
}
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>TEST</title>
<script>
var loadPage = function (tabPanel, record) {
var tab = tabPanel.getComponent(record.getId());
if (!tab) {
tab = tabPanel.add({
id: record.getId(),
title: record.data.text,
closable: true,
loader: {
url: "Task1.aspx",
renderer: "frame",
},
});
}
tabPanel.setActiveTab(tab);
};
</script>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:ViewPort
ID="Window1"
runat="server"
Title="Simple Layout"
Icon="Application"
Border="false"
Collapsible="true"
Plain="true"
Layout="BorderLayout">
<Items>
<ext:TreePanel ID="TreePanel1" title="Tasks"
runat="server"
Region="West"
Width="250"
UseArrows="true">
<Listeners>
<ItemClick Handler="if (record.data.leaf) { e.stopEvent(); loadPage(#{Pages}, record); }" />
</Listeners>
</ext:TreePanel>
<ext:TabPanel ID="Pages"
runat="server"
Region="Center"
>
</ext:TabPanel>
</Items>
</ext:ViewPort>
</body>
</html><%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<script>
var test = function () {
console.log(App.Pages);//undefined
console.log(Ext.getCmp("Pages")); //undefined
console.log(Ext.ComponentQuery.query('#Pages')); // Array [ ]
}
</script>
</head>
<body>
<h1>TEST</h1>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager2" runat="server"/>
<ext:Button ID="Button1" runat="server" Text="Test" OnClientClick="test()"/>
</form>
</body>
</html>
