Aug 12, 2015, 6:40 AM
[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
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
After Selection
How to sort this issue in IE ? Please guide.
Here is Code for you reference
PRASAD
- 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
After Selection
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]