[CLOSED] ComboBox List is displayed behind the panel if Pdf is loaded inside the panel using Loader in IE

  1. #1

    [CLOSED] ComboBox List is displayed behind the panel if Pdf is loaded inside the panel using Loader in IE

    I am using Ext.Net 3.1

    • I have a combobox displaying filenames in the top panel
    • And I have another panel to display selected file just below this panel


    In Firefox and Chrome everything works fine. But in IE (I am using IE 11) combo box list goes behind the PDF file displayed. Before First Selection list is shown correctly.

    Before Selection Click image for larger version. 

Name:	Before.png 
Views:	38 
Size:	5.6 KB 
ID:	24143

    After SelectionClick image for larger version. 

Name:	After.png 
Views:	71 
Size:	93.3 KB 
ID:	24144

    How to sort this issue in IE ? Please guide.

    Here is Code for you reference

    <%@ Import Namespace="Ext.Net"%>
    <%@ Import Namespace="System.Data"%>
    
    <%@ Page Language="C#" %>
    
    <!DOCTYPE html>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                BindComboBox();
            }
        }
    
        public void BindComboBox()
        {
            DataTable dt = new DataTable();
    
            DataColumn dc = new DataColumn();
            dc.ColumnName = "FileID";
            dc.DataType = Type.GetType("System.Int32");
            dt.Columns.Add(dc);
    
            DataColumn dc1 = new DataColumn();
            dc1.ColumnName = "FileName";
            dc1.DataType = Type.GetType("System.String");
            dt.Columns.Add(dc1);
    
            for (int i = 0; i <= 5; i++)
            {
                DataRow r = dt.NewRow();
                r["FileID"] = i;
                r["FileName"] = "abc.pdf";
                dt.Rows.Add(r);
            }
    
            Store s = cmbAgrList.GetStore();
            s.DataSource = dt;
            s.DataBind();
            cmbAgrList.DataBind();
        }
    
        #region "Helper function"
        public void ShowFile(string sFileName)
        {
    
            this.pnlFile.Loader = new ComponentLoader()
            {
                Url = "abc.pdf",
                Mode = LoadMode.Frame,
            };
            this.pnlFile.Loader.LoadMask.ShowMask = true;
            this.pnlFile.Loader.LoadMask.Msg = "Loading...";
            this.pnlFile.Border = true;
            this.pnlFile.Show();
            this.pnlFile.Render();
        }
        #endregion
    
        #region "DirectMethods"
        [DirectMethod]
        public void OnItemSelect(string sFileName)
        {
            ShowFile(sFileName);
        }
            #endregion
    
            #region "Buttom Click Event"
            #endregion
    </script>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Untitled Page</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
            <ext:Store ID="AgrListStore" runat="server" PageSize="30" AutoLoad="true" ShowWarningOnFailure="true">
                <Model>
                    <ext:Model ID="AgrLisModel" Name="Agreement" runat="server" IDProperty="FileID">
                        <Fields>
                            <ext:ModelField Name="FileID" Type="Int" />
                            <ext:ModelField Name="FileName" Type="String" />
                        </Fields>
                    </ext:Model>
                </Model>
            </ext:Store>
            <ext:Viewport ID="MyAgreementViewport" runat="server" Layout="BorderLayout">
                <Items>
                    <ext:Panel ID="MyAgreementPanel3" runat="server" Layout="FitLayout" Region="Center"
                        Weight="1" Flex="4" Title="Terms and Condition">
                        <TopBar>
                            <ext:Toolbar ID="TopBar1" runat="server">
                                <Items>
                                    <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                                    <ext:Label ID="lable1" runat="server" Text="" />
                                    <ext:ComboBox ID="cmbAgrList" runat="server" StoreID="AgrListStore" AllowBlank="false"
                                        ValueField="FileID" DisplayField="FileName" FieldLabel="File List"
                                        AutoDataBind="true" ForceSelection="true" QueryMode="Local" TriggerAction="All"
                                        EmptyText="Select" Editable="false" LabelAlign="Right" InputWidth="250" FireSelectOnLoad="true">
                                        <Listeners>
                                            <Select Handler="#{DirectMethods}.OnItemSelect(#{cmbAgrList}.getValue());">
                                            </Select>
                                        </Listeners>
                                    </ext:ComboBox>
                                </Items>
                            </ext:Toolbar>
                        </TopBar>
                        <Items>
                            <ext:Panel ID="pnlFile2" runat="server" Layout="FitLayout">
                                <TopBar>
                                    <ext:Toolbar ID="FileToolBar" runat="server">
                                        <Items>
                                            <ext:Label ID="FileLable" runat="server" Hidden="true" Text="Please read all the terms and conditions of the agreement carefully." />
                                        </Items>
                                    </ext:Toolbar>
                                </TopBar>
                                <Items>
                                    <ext:Panel ID="pnlFile" runat="server">
                                    </ext:Panel>
                                </Items>
                            </ext:Panel>
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    Thanks & BR,
    PRASAD
    Last edited by Daniil; Aug 18, 2015 at 12:07 PM. Reason: [CLOSED]
  2. #2

Similar Threads

  1. [CLOSED] Grid panel inside dynamically loaded user
    By CanopiusApplications in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: Feb 27, 2015, 10:30 AM
  2. Replies: 2
    Last Post: Aug 30, 2013, 2:49 PM
  3. Replies: 13
    Last Post: Feb 28, 2013, 2:06 PM
  4. Get Tabpanel from webpage loaded inside panel
    By amathos in forum 2.x Help
    Replies: 0
    Last Post: Feb 07, 2013, 9:14 AM
  5. Replies: 0
    Last Post: Nov 28, 2012, 8:08 AM

Posting Permissions