List Box Javascript Error

[Ramkumar]

The javascript error pops up when the drag and drop listbox control is used.

"Microsoft JScript runtime error: 'undefined' is null or not an object"

The code :

  <telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server">
                    <table>
                        <tr>
                            <td>
                                <asp:Label ID="lblLHSHeader" runat="server"></asp:Label>
                                <br />
                                <telerik:RadListBox ID="LHSListBox" runat="server" Width="150px" Height="200px" SelectionMode="Multiple"
                                    AllowTransfer="true" TransferToID="RHSListBox" AutoPostBackOnTransfer="true"
                                    Skin="Office2007" AllowReorder="true" AutoPostBackOnReorder="true" EnableDragAndDrop="true"
                                    ButtonSettings-ShowTransfer="false" ButtonSettings-ShowTransferAll="false" ButtonSettings-ShowReorder="false"
                                    AutoPostBack="false" OnTransferred="lhstransfer" OnSelectedIndexChanged="lhsitemcheck" OnClientDropped="fnOnClientDragStartLHS">
                                </telerik:RadListBox>
                                <br />
                                <asp:CheckBox ID="chklhsselectAll" runat="server" Text="Select All" Font-Names="Arial"
                                    Font-Size="Small" OnCheckedChanged="lhsselectall" Visible="false" AutoPostBack="true" />
                            </td>
                            <td runat="server" id="lstrequiredSpace" width="30px" align="center">
                                <asp:Label ID="lblCenterText1" runat="server" Text="Drag Field(s)"></asp:Label>
                            </td>
                            <td>
                                <asp:Label ID="lblRHSHeader" runat="server"></asp:Label>
                                <br />
                                <telerik:RadListBox ID="RHSListBox" runat="server" Width="150px" Height="200px" SelectionMode="Multiple"
                                    AllowReorder="true" AutoPostBackOnReorder="true" EnableDragAndDrop="true" ButtonSettings-ShowTransfer="false"
                                    ButtonSettings-ShowTransferAll="false" ButtonSettings-ShowReorder="false" OnTransferred="lhstransfer"
                                    Skin="Office2007" OnSelectedIndexChanged="rhsitemcheck" AutoPostBack="false" OnClientDropped="fnOnClientDragStartRHS">
                                </telerik:RadListBox>
                                <br />
                                <asp:CheckBox ID="chkrhsselectAll" runat="server" Text="Select All" Visible="false"
                                    Font-Names="Arial" Font-Size="Small" OnCheckedChanged="rhsselectall" AutoPostBack="true" />
                            </td>
                            <td align="center">
                                <asp:Label ID="lblCenterText2" runat="server" Text=" Drag <bR/> To Change<BR/> Order "></asp:Label>
                            </td>
                        </tr>
                    </table>
                </telerik:RadAjaxPanel>


The javascript error comes when the page loads. It searches for RHSListBox when it is not completely loaded.

Please see the attachment. Expecting the response as soon as possible.

Thanks
Ram


 

[Ivan Zhekov]

Hi Ramkumar ,

Can you set up a sample project with a single page that exhibits this behaviour?

Greetings,
Ivan Zhekov
the Telerik team