Dec 06, 2011, 5:14 PM
[CLOSED] Dynamically loaded pages issue in Chrome and Firefox
I have user controls which is loaded dynamically into panel:
protected void Page_Init(object sender, EventArgs e)
{
if (Request["control1_ShowHideControl2"] == "true")
{
var control2i = (control2)LoadControl("control2.ascx");
control2i.ID = "control2";
pnlControl2Content.ContentControls.Add(control2i);
}
}
protected void ShowControl2(object sender, DirectEventArgs e)
{
try
{
if (pnlControl2Content.FindControl("control2") == null)
{
var control2i = (control2)LoadControl("control2.ascx");
control2i.ID = "control2";
pnlControl2Content.ContentControls.Add(control2i);
ShowHideControl2.Text = "true";
pnlControl2Content.Render();
}
}
catch (Exception ex)
{
}
}
protected void HideControl2(object sender, DirectEventArgs e)
{
ShowHideControl2.Text = @"false";
}
<ext:Hidden ID="ShowHideControl2" runat="server" />
<ext:Window ID="winControl2" runat="server" Hidden="true" Layout="Fit" Width="920"
Height="430" Modal="true">
<Items>
<ext:Container ID="pnlControl2Content" runat="server" />
</Items>
<DirectEvents>
<beforeshow onevent="ShowControl2">
<EventMask ShowMask="true" />
</beforeshow>
<beforehide onevent="HideControl2" />
</DirectEvents>
</ext:Window>
I have JavaScript function alertfnc in Content on control2.ascx:<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="control2.ascx.cs" Inherits="testtreedrid.control2" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<ext:FitLayout runat="server">
<Items>
<ext:Container ID="Container1" runat="server" Layout="Fit">
<LayoutConfig>
<ext:ColumnLayoutConfig Split="true" />
</LayoutConfig>
<Items>
<ext:TreePanel ID="TreePanel1" runat="server" Animate="true" UseArrows="true" RootVisible="false"
AutoScroll="true" ColumnWidth="0.5">
<Loader>
<ext:PageTreeLoader OnNodeLoad="LoadDefaultCartItems">
</ext:PageTreeLoader>
</Loader>
<Root>
<ext:AsyncTreeNode Text="Cart Items">
</ext:AsyncTreeNode>
</Root>
<Buttons>
<ext:Button ID="Button1" runat="server" Icon="CartGo">
<Listeners>
<Click handler="alertfnc();" />
</Listeners>
</ext:Button>
</Buttons>
</ext:TreePanel>
</Items>
</ext:Container>
</Items>
<Content>
<ext:XScript ID="XScript1" runat="server">
<script type="text/javascript">
var alertfnc = function () {
alert('jopa');
}
</script>
</ext:XScript>
</Content>
</ext:FitLayout>
This code works fine fo IE, but in FF and Chrome JS function not available
Last edited by Daniil; Dec 12, 2011 at 2:55 PM.
Reason: [CLOSED]