Welcome Guest Search | Active Topics | Sign In | Register

Javascript Error when using ComboBox in CallBackPanel Options
Mark
Posted: Monday, June 25, 2012 7:32:57 AM
Rank: Member
Groups: Member

Joined: 3/5/2009
Posts: 19
When using the ComboBox within a CallBackPanel we're getting a javascript error when a selection is made the second time. The first selection works fine, the 2nd one generates the error:

Line: 6
Error: Unable to get value of the property 'className': object is null or undefined

I stripped out everything but the ComboBox and the CallBackPanel and the error is still occurring (see code below).

If you remove the CallBackPanel it works fine.

We're using the build as of last week.

Thanks for any help you may be able to provide!

Code: HTML/ASPX
<%@ Page Language="VB" AutoEventWireup="true" CodeFile="test.aspx.vb" Inherits="test" %>
<%@ Register TagPrefix="eo" NameSpace="EO.Web" Assembly="EO.Web" %> 

<!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 runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

  <eo:CallbackPanel runat=server ID=cbpTest Triggers="{ControlID:cbColor;parameter:}" > 

     <eo:ComboBox runat="server" ID="cbColor" ControlSkinID="None" HintText="Select Color" Width="200px" LabelHtml="" EnableKeyboardNavigation="true"  BackColor=White AllowCustomText=false AutoPostBack=true>
        <TextStyle CssText="font-family: tahoma; font-size: 11px;" />
        <IconStyle CssText="display:none;" />
        <IconAreaStyle CssText="font-family: tahoma; font-size: 11px; background-image:url(00107007); background-position: left left; background-repeat:no-repeat; vertical-align:middle;padding-left:2px; padding-right:2px;" />
        <DropDownTemplate>
            <eo:ListBox runat="server" ID="cbColorList" ControlSkinID="None" Height="150px"  
                Width="200px" EnableKeyboardNavigation="true">                
                <BodyStyle CssText="border: solid 1px #868686;" />
                <ItemListStyle CssText="padding: 1px;" />
                <DisabledItemStyle CssText="color:#c0c0c0;padding-bottom:1px;padding-left:6px;padding-right:6px;padding-top:3px;height:24px;" />
                <ItemStyle CssText="color:black;padding-bottom:1px;padding-left:6px;padding-right:6px;padding-top:3px;height:24px;" />
                <ListBoxStyle CssText="font-family:Tahoma; font-size:13px;background-color:white;" />
                <MoreItemsMessageStyle CssText="padding:2px;" />
                <SelectedItemStyle CssText="background-image:url(00106003);background-repeat:repeat;border-left-color:#c0a776;border-left-style:solid;border-left-width:1px;border-right-color:#c3aa79;border-right-style:solid;border-right-width:1px;color:black;height:24px;padding-bottom:1px;padding-left:5px;padding-right:5px;padding-top:3px;" />
                <ItemHoverStyle CssText="background-image:url(00106003);background-repeat:repeat;border-left-color:#c0a776;border-left-style:solid;border-left-width:1px;border-right-color:#c3aa79;border-right-style:solid;border-right-width:1px;color:black;height:24px;padding-bottom:1px;padding-left:5px;padding-right:5px;padding-top:3px;" />
                <ItemTemplate>
                    <table border="0" cellpadding="1">
                        <tr>
                            <td>
                                <%#Container.Item.Text%>
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
                <Items>
                </Items>
            </eo:ListBox>
        </DropDownTemplate>
        <ButtonStyle CssText="width:17px;height:23px;" />
        <ButtonAreaStyle CssText="background-image:url(00107005);" />
        <ButtonAreaHoverStyle CssText="background-image:url(00107006);" />
        <TextAreaStyle CssText="font-family: tahoma; font-size: 11px; border-top: solid 1px #3d7bad; border-bottom: solid 1px #b7d9ed; vertical-align:middle;padding-left:2px; padding-right:2px;" />
        <HintTextStyle CssText="font-style:italic;background-color:#c0c0c0;color:white;line-height:16px;" />
    </eo:ComboBox>


    <br /><br />
    the color selected was: <asp:Label runat=server ID=lblColor></asp:Label>
    </eo:CallbackPanel>
    
    </div>
    </form>
</body>
</html>


Code: Visual Basic.NET
Partial Class test
    Inherits System.Web.UI.Page

    Sub page_load()
        setupColors()
    End Sub

    Sub setupColors()

        cbColorList.Items.Clear()

        If 1 = 1 Then
            Dim lItem As New EO.Web.ListBoxItem
            lItem.Text = "red"
            cbColorList.Items.Add(lItem)
        End If

        If 1 = 1 Then
            Dim lItem As New EO.Web.ListBoxItem
            lItem.Text = "blue"
            cbColorList.Items.Add(lItem)
        End If

    End Sub

    Sub ColorChanged() Handles cbColor.TextChanged
        lblColor.Text = cbColor.Text
    End Sub

End Class


Mark
Posted: Monday, June 25, 2012 8:07:08 AM
Rank: Member
Groups: Member

Joined: 3/5/2009
Posts: 19
Quick update, the JS Error is being displayed in IE9.

In Chrome the error is not displayed, however you need to make the 2nd and subsequent selections twice for them to display. The resulting dropdown list has all of the items selected. Also in Chrome if you select any other items in the CallBackBack Panel Trigger collection the entire page locks up.


IE 9:



Chrome:


eo_support
Posted: Monday, June 25, 2012 11:23:49 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195
Hi,

Please check your version. We have just posted a new build late last week that should fix this problem. The DLL version with the fix is 10.0.24.2.

Thanks
Mark
Posted: Monday, June 25, 2012 11:30:11 AM
Rank: Member
Groups: Member

Joined: 3/5/2009
Posts: 19
We're using that build...

eo_support
Posted: Monday, June 25, 2012 1:26:19 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195
Thanks for the update. We are able to reproduce the problem with the latest build. We will look into it and get back to you as soon as possible.
eo_support
Posted: Monday, June 25, 2012 11:20:47 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195
Hi,

We have posted a new build that should fix this problem. Please see your private message for the download location.

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.