I am using a WebCombo control with "extended" type-ahead mode and ajax in a template field of a detailsview Control nested in a WARP.
when I enter the detailsview edit mode for any record, the fields are displayed correctly, typing in the WebCombo, provides type ahead functionality asa expected, if I click the drop down arrow, the drop-down list is displayed correctly, if I scroll the drop-down list with the scrollbar, my details view is erased, and the only control visible on the page is the web control.
at the same time a javascript error is displayed (" 'srcElement' is null or not an object. ")
this is how my Web Combo is configured...
----------------------------
<igcmbo:WebCombo ID="wcEditCelebrity" runat="server" BackColor="White" BorderColor="Silver"
BorderStyle="Solid" BorderWidth="1px" DataSourceID="criteriaSQLDatasourceCelebrity"
DataTextField="CelebrityName" DataValueField="CelebrityID" DropImage1="images/dropdown.jpg"
DropImage2="images/dropdown.jpg" DropImageXP1="images/dropdown.jpg" DropImageXP2="images/dropdown.jpg"
Editable="True" ForeColor="Black" OnDataBound="wcEditCelebrity_DataBound" SelBackColor="DarkBlue"
SelForeColor="White" Version="4.00" Width="298px" EnableAppStyling="False" EnableXmlHTTP="True" HideDropDowns="False">
<Columns>
<igtbl:UltraGridColumn BaseColumnName="CelebrityID" DataType="System.Int32" IsBound="True"
Key="CelebrityID">
<header caption="CelebrityID"></header>
</igtbl:UltraGridColumn>
<igtbl:UltraGridColumn BaseColumnName="CelebrityName" IsBound="True" Key="CelebrityName">
<RowLayoutColumnInfo OriginX="1"></RowLayoutColumnInfo>
</header>
</footer>
</Columns>
<ExpandEffects ShadowColor="LightGray" Type="Fade" />
<DropDownLayout BaseTableName="" BorderCollapse="Separate" DropdownWidth="300px"
RowHeightDefault="20px" RowSelectors="No" Version="4.00" XmlLoadOnDemandType="Accumulative">
<HeaderStyle BackColor="LightGray" BorderStyle="Solid">
<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />
</HeaderStyle>
<FrameStyle BackColor="Silver" BorderStyle="Ridge" BorderWidth="2px" Cursor="Default"
Font-Names="Verdana" Font-Size="10pt" Height="130px" Width="300px">
</FrameStyle>
<RowStyle BackColor="White" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px">
<BorderDetails WidthLeft="0px" WidthTop="0px" />
</RowStyle>
<SelectedRowStyle BackColor="DarkBlue" ForeColor="White" />
</DropDownLayout>
</igcmbo:WebCombo>
any ideas what may be causing this?
A srcElement is null error is a pretty generic error, so from that alone it would be difficult to know what is going on. You would probably be better servered if you could mock up what you are doing in a small sample and submitting it to developer support (http://ko.infragistics.com/gethelp)
Hello, I have just experienced an extremely similar issue, and has some further details:
The symptom is that dropping down a webcombo's dropdown list causes another element on the page to disappear (permanently )
1. The issue occurs when the WebCombo's dropdown list has to scroll - if an item is selected that is at the TOP of the dropdown list, the issue does not happen
2. the other element is a panel that is also extended with an ajax CollapsiblePanelExtender control.
3. The symptoms seem to only occur within IE 7 (version 7.0.5730.13) I have the Hotfix for NetAdvantage for ASP.Net applied (versoin 8.2.20082.2022)
The aspx page is as follows:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="demo.aspx.cs" Inherits="editors_demo" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %><%@ Register TagPrefix="igcmbo" Namespace="Infragistics.WebUI.WebCombo" Assembly="Infragistics35.WebUI.WebCombo.v8.2, Version=8.2.20082.2022, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" %><html><body> <form runat="server" id="form1"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <igcmbo:WebCombo ID="WebCombo1" Editable="true" runat="server"> </igcmbo:WebCombo> <asp:Label ID="lblExpand3" runat="server" Text="Expand..."></asp:Label> <asp:Panel runat="server" ID="panel1"> <fieldset> Test Fieldset <br /> Test Fieldset <br /> Test Fieldset <br /> Test Fieldset <br /> Test Fieldset <br /> Test Fieldset <br /> Test Fieldset <br /> Test Fieldset <br /> Test Fieldset <br /> Test Fieldset <br /> Test Fieldset <br /> </fieldset> </asp:Panel> <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="Panel1" CollapseControlID="lblExpand3" ExpandControlID="lblExpand3" CollapsedText="Expand..." TextLabelID="lblExpand3" ExpandedText="Shrink..." CollapsedSize="64" Collapsed="True"> </cc1:CollapsiblePanelExtender> </form></body></html>
The code-behind is :
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;
public partial class editors_demo : System.Web.UI.Page{ class test { public string id; public test(string s) { id = s; } } protected void Page_Load(object sender, EventArgs e) {
List<test> l = new List<test>();
l.Add(new test("test 1")); l.Add(new test("test 2")); l.Add(new test("test 3")); l.Add(new test("test 4")); l.Add(new test("test 5")); l.Add(new test("test 6"));
var x = from u in l select new { UserName = u.id };
this.WebCombo1.DataSource = x; this.WebCombo1.DataTextField = "UserName"; this.WebCombo1.DataBind();
this.WebCombo1.DisplayValue = "test 1"; }}
Sorry for the oddities in my populating the webCombo datasource - I've been coding Linq in my datalibrary, and in trying to diagnose this issue this just sort of evolved.. Please note that this example seems to ONLY exhibit this behaviour within IE7.
I am playing with several workarounds, but I would really like to be able to use the WebCombo, along with the CollapsiblePanelExtender, since it gives me the UI behaviour I am looking for (other than the fact that my controls disappear, that is :-)
Kindly advise if there is some sort of workaround and/or if I am coding something incorrectly.
Thanks & kind regards,
Blair Hadfield