Feb 15, 2011, 2:49 PM
How to get a panel from JavaScript
Hi everybody,
first I would like to congratulations for this very powerfull Framework.
I have a problem with Ext.NET. That is my Page:
How can I get the Panel plugIn from JavaScript? Or How can I force the render od the plugIn Panel?
Thanks.
first I would like to congratulations for this very powerfull Framework.
I have a problem with Ext.NET. That is my Page:
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.NET - Sample</title>
<script language="javascript" type="text/javascript">
function init() {
var plugInPanel_Container = document.getElementById("plugIn");
if (plugInPanel_Container != null)
plugInPanel_Container.style.height = "100%";
}
function sucessCallBack(result) {
//Some Action
}
function failureCallBack(result) {
//Some Action
}
</script>
</head>
<body>
<form id="form1" runat="server" onload="init();">
<ext:resourcemanager id="ResourceManager1" runat="server"></ext:resourcemanager>
<ext:viewport id="Viewport1" runat="server" layout="border">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<west collapsible="true" split="true">
<ext:Window ID="Window1" runat="server" Collapsible="true" Height="185" Icon="Application" Title="Title" Width="350">
<Items>
</Items>
</ext:Window>
</west>
<center>
<ext:Panel ID="Panel4" runat="server" Title="Center">
<Items>
<ext:Toolbar ID="Toolbar2" runat="server">
<Items>
<ext:Button ID="Button1" alt="teste....." runat="server" EnableToggle="true" Text="" Pressed="false" Type="Button" OnClientClick="" />
<ext:ToolbarSeparator />
</Items>
</ext:Toolbar>
<ext:TabPanel ID="TabPanel2" runat="server" ActiveTabIndex="0" Border="false" Title="Center">
<Items>
<ext:Panel ID="plugIn" runat="server" Closable="true" Title="Tab 1">
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Panel>
</center>
</ext:BorderLayout>
</Items>
</ext:viewport>
</form>
</body>
</html>
When the page finish the load, I just want get the Panel "plugIn" from a JavaScript, but always return null. When I see the page source from the Browser the panel isn't rendered. How can I get the Panel plugIn from JavaScript? Or How can I force the render od the plugIn Panel?
Thanks.