[CLOSED] Bug with Window and Iframe mode

  1. #1

    [CLOSED] Bug with Window and Iframe mode

    Hi
    Please try this example, the second time the window is opened the contet does not show correctly.

    <%@ Page Language="C#" %>
     
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
     
    <script runat="server"> 
     
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
            }
        }
        protected void OpenWindow(object sender, DirectEventArgs e)
        {
            Window2.AutoLoad.Mode = LoadMode.IFrame;
            Window2.AutoLoad.Url = "Test3.aspx";
            Window2.Hidden = false;
            Window2.LoadContent();
        }
     
     
    </script> 
     
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head id="Head1" runat="server"> 
        <title>Ext.Net Example</title> 
    </head> 
    <body> 
        <form id="Form1" runat="server"> 
        <ext:ResourceManager ID="ResourceManager1" runat="server" /> 
            <ext:Button runat="server" Text="Open window" ID="btnOpen"><DirectEvents><Click OnEvent="OpenWindow"></Click></DirectEvents></ext:Button>
     
             <ext:Window 
                ID="Window2" 
                runat="server" 
                Hidden="true"
                Maximizable="true"
                Collapsible="true"
                Resizable="false"
                Width="760"
                Height="380"
                MinWidth="760"
                MinHeight="380"
                AnchorHorizontal="95%"
                AnchorVertical="95%"
                InitCenter="true"                        
                Title="Beställning"
                Icon="CartAdd"
                AnimateTarget="btnOpen"
                Modal="true">
                <AutoLoad ShowMask="true"></AutoLoad>
            </ext:Window>  
        </form> 
    </body> 
    </html>
    Test3.apsx
    <%@ Page Language="C#" ValidateRequest="false" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Ext.NET Example</title>
     
     </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
     
     <ext:Panel ID="pnlOrderDetails" runat="server" Header="true" Border="true" Title="Title" Layout="Form" AutoScroll="false" Height="220" BodyStyle="padding-left:4px;padding-top:10px;" >
        <Items>
            <ext:Container ID="Container1" runat="server"  Layout="Column" Height="190" >
                <Items>
                     <ext:Container ID="Container2" runat="server" LabelAlign="Left" ColumnWidth=".5" Layout="Form">
                         <Items>
                             <ext:TextField runat="server" AllowBlank="false" FieldLabel="Textfield" AnchorHorizontal="95%"></ext:TextField>   
                         </Items>
                     </ext:Container>
                </Items>
            </ext:Container>
       </Items>
    </ext:Panel>
     
        </form>
    </body>
    </html>
    Thanks
    Mikael
  2. #2
    Hi Mikael,

    Please set the MonitorResize to true
    <ext:Panel ID="pnlOrderDetails" MonitorResize="true" ...>
    Or use a Viewport control
    <ext:Viewport runat="server" Layout="fit">
        <Items>
            <ext:Panel ID="pnlOrderDetails" ...>
                <Items>
                    ...
                </Items>
            </ext:Panel>
        </Items>
    </ext:Viewport>
  3. #3
    Hi
    What about if you use this code as Test3.aspx

    <%@ Page Language="C#" %>  
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <%@ OutputCache Location="None" %> 
    <!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 id="Head1" runat="server">
        
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        
        </ext:ResourceManager>
        
       
            
        <ext:ViewPort ID="vpProducts" runat="server" >
        <Items> 
            <ext:BorderLayout ID="BorderLayout1" runat="server">
            <Center>
                
                <ext:Panel 
                    ID="Window1" 
                    runat="server" 
                    Header="false" 
                    Padding="4"                        
                    Layout="Form"
                    Border="false"
                    MonitorResize="true"
                    >
                    
                    <Items>
                                            
                        <ext:TextField runat="server" ID="txtTrycksak" FieldLabel="Trycksak" AnchorHorizontal="97%" Text="" Disabled="true" ></ext:TextField>
                        <ext:Panel ID="pnlOrderDetails" runat="server" Header="true" MonitorResize="true" Border="true" Title="Test" Layout="Form" AutoScroll="false" Height="220" BodyStyle="padding-left:4px;padding-top:10px;" >
                            <Items>
                            
                                <ext:Container ID="Container1" runat="server"  Layout="Column" Height="190" >
                                    <Items>
                                         <ext:Container ID="Container2" runat="server" LabelAlign="Left" ColumnWidth=".5" Layout="Form">
                                             <Items>                                            
                                                <ext:TextField runat="server" AllowBlank="false" BlankText="Obligatoriskt" FieldLabel="Ort" ID="txtPostadr" AnchorHorizontal="95%"></ext:TextField>
                                             </Items>
                                         </ext:Container>
                                         <ext:Container ID="Container3" runat="server" LabelAlign="Left" ColumnWidth=".5" Layout="Form">
                                             <Items>                                            
                                                <ext:TextField runat="server" AllowBlank="false" BlankText="Obligatoriskt" FieldLabel="Att" ID="TextField1" AnchorHorizontal="95%"></ext:TextField>
                                             </Items>
                                         </ext:Container>
                                    </Items>
                                </ext:Container>
                            </Items>
                        </ext:Panel>                                                                     
                    </Items> 
                    </ext:Panel>
            </Center>
            </ext:BorderLayout>
        </Items>
        </ext:ViewPort>
            
        </form>
    </body>
    </html>
  4. #4
    Hi Mikael,

    Please use the following thing:
    <ext:Viewport ID="vpProducts" runat="server">
             <Listeners>
                     <AfterRender Handler="this.doLayout();" Delay="50"/>
             </Listeners>
             <Items>
                     ...
             </Items>
    </ext:Viewport>
    In this case you can remove the MonitorResize property of both panels.
    Last edited by Daniil; Oct 19, 2010 at 12:29 PM.
  5. #5
    Okay, thanks!

Similar Threads

  1. [CLOSED] Problem with display grid in IFrame Ext.Net.Window Mode
    By ViDom in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jul 23, 2012, 3:14 PM
  2. Replies: 0
    Last Post: Mar 02, 2012, 9:29 AM
  3. [CLOSED] Callbacks, Window, iframe - passing data back async mode?
    By wagger in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Apr 25, 2011, 11:01 AM
  4. [CLOSED] XRender Window in iFrame mode.
    By jhouser in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 10, 2010, 3:17 PM
  5. Replies: 2
    Last Post: Jul 01, 2009, 1:06 PM

Posting Permissions