PDA

View Full Version : Multiselect causing problem in Updatepanel



rajputamit
Nov 25, 2010, 5:35 AM
Hi Guys,
I am using Multiselect to drag/drop.This is working fine in Mozilla but not in IE.(I am using IE7).
The error i am getting is 'getBoundingClientRect' is null or not an object.

The below code is in Updatepanel .If updatepanel is removed it works fine.




<asp:DropDownList ID="ddlFilter" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlFilter_Change">
<asp:ListItem Text="All" Value="0"></asp:ListItem>
<asp:ListItem Text="My Scrum Team" Value="1"></asp:ListItem>
<asp:ListItem Text="My Project Team" Value="2"></asp:ListItem>
</asp:DropDownList>
<ext:TabPanel ID="TabPanel1" runat="server" Plain="true" Width="600" Height="415"
LayoutOnTabChange="true">
<Items>
<ext:Panel ID="Panel1" runat="server" Title="Select Employees for Chat" Padding="5">
<Items>
<ext:TableLayout ID="TableLayout1" runat="server" Columns="2">
<Cells>
<ext:Cell>
<ext:Label ID="Label1" runat="server" Html="<div class='label'>Select Employee from list(Drag/Drop)</div>" />
</ext:Cell>
<ext:Cell>
<ext:Label ID="Label2" runat="server" Html="<div class='label'>Selected Employees</div>" />
</ext:Cell>
<ext:Cell>
<ext:Panel ID="Panel2" runat="server" Border="false" BodyStyle="height: 340px;">
<Items>
<ext:MultiSelect ID="multiSelect1" runat="server" DragGroup="grp1" DropGroup="grp2,grp1"
Width="300" Height="330" KeepSelectionOnClick="Always">
<Items>
</Items>
</ext:MultiSelect>
</Items>
</ext:Panel>
</ext:Cell>
<ext:Cell>
<ext:Panel ID="Panel3" runat="server" Border="false" BodyStyle="height: 340px;">
<Items>
<ext:MultiSelect ID="MultiSelect2" runat="server" DragGroup="grp2" DropGroup="grp1,grp2"
Width="290" Height="330" KeepSelectionOnClick="Always">
<Items>
</Items>
</ext:MultiSelect>
</Items>
</ext:Panel>
</ext:Cell>
</Cells>
</ext:TableLayout>
</Items>
<Buttons>
<ext:Button ID="btnSubmit" runat="server" Text="Submit">
<DirectEvents>
<Click OnEvent="btnSubmit_Click">
<ExtraParams>
<ext:Parameter Name="multi2" Value="Ext.encode(#{MultiSelect2}.getValues(true))"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:Button>
</Buttons>
</ext:Panel>
</Items>
</ext:TabPanel>
<ext:Label ID="Label3" runat="server" />