This is a migrated thread and some comments may be shown as answers.

Out of stack space [Urgent!!]

1 Answer 217 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
July
Top achievements
Rank 2
July asked on 15 Jan 2013, 04:13 PM
HI!!!
I had been researching about this issue, I tried all the solutions but nothing is working for me!....

I have 2 RadListBox!. When transfers occurs I get the following issue:

  1. Uncaught RangeError: Maximum call stack size exceeded
    1. I
    2. f.event.remove
    3. f.event.remove
    4. f.event.remove
    5. f.event.remove


I need fix this. 

I'm using "Telerik.Web.UI_2012_3_1212_Dev_hotfix"
This is my Code:


ASPX:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DocumentTypeForm.aspx.cs"
    Inherits="WebSearch.UI.Admin.DocumentTypeForm" %>

<%@ Register TagPrefix="UC" TagName="Settings" Src="~/UI/Admin/UserControls/Form/Settings.ascx" %>
<%@ Register TagPrefix="UC" TagName="GeneralInformation" Src="~/UI/Admin/UserControls/Form/Information.ascx" %>
<%@ Register TagPrefix="UC" TagName="ValidationText" Src="~/UI/Admin/UserControls/Form/ValidationText.ascx" %>
<%@ Register TagPrefix="UC" TagName="Notification" Src="~/UI/UserControls/Notification.ascx" %>
<%@ Register TagPrefix="UC" TagName="Information" Src="~/UI/UserControls/Information.ascx" %>
<%@ Register TagPrefix="UC" TagName="Buttons" Src="~/UI/Admin/UserControls/Form/Buttons.ascx" %>
<!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">
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  
    <link href="../../UI/Style/Admin/Form.css" rel="stylesheet" type="text/css" />
     <link href="../../UI/Style/Admin/DocumentType.css" rel="stylesheet" type="text/css" />


      <script type="text/javascript" src="../../UI/Scripts/CommonFunctions.js"></script>
<script type="text/javascript" src="../../UI/Scripts/Grid.js"></script>
<script type="text/javascript" src="../../UI/Admin/Scripts/Form.js"></script>
<script type="text/javascript" src="../../UI/Admin/Scripts/ListBox.js"></script>
    
    <telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">
        <script type="text/javascript">

            function GridCreated(sender, eventArgs) { sender.add_rowDragging(RowDraggingIcon); }
            function RowDraggingIcon(sender, eventArgs) { rowDraggingIcon(sender, eventArgs); }

            function refreshForm(args) {
                var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");

                if (args != null) ajaxManager.ajaxRequest(args);
            }

            function refreshField() {
                var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
                ajaxManager.ajaxRequest("RefeshForm");
            }


            function openEditForm() {
                var id = document.getElementById('FieldID').value;
                if (id != null) {
                    var oBrowserWnd = GetRadWindow().BrowserWindow;
                    var oWindow = oBrowserWnd.radopen("FieldForm.aspx?ID=" + id, "FieldFormDialog");
                    oWindow.set_iconUrl('~/UI/Images/field_list.png');
                    SetCommonProperties(oWindow);
                }


                return false;
            }

            function trim(myString) {
                var valueString = LeftTrim(myString);
                return (valueString);
            }

            function pageLoad() { reDesignControls(); }


            function reDesignControls() {
                var $ = $telerik.$;
                var height = 600;
                var multipageHeight = (83 * height) / 100;
                var multiPage = $find("<%=RadMultiPage1.ClientID %>");

                multiPage.get_element().style.height = multipageHeight + "px";
                var multipageHeight = (70 * multipageHeight) / 100;
                var multiPage = $find("<%=RadMultiPage2.ClientID %>");

                multiPage.get_element().style.height = multipageHeight + "px";


                var container = $find("listMask_Manage");

                if (container != null) {
                    container.style.height = ((90 * multipageHeight) / 100) + "px";

                }

                var container = $find("listMask_MyGrid");

                if (container != null) {
                    container.get_element().style.height = ((98 * multipageHeight) / 100) + "px";
                    container.repaint();
                }

                var container = $find("listMask_MyGridPanel");

                if (container != null) {
                    container.get_element().style.height = ((98 * multipageHeight) / 100) + "px";
                    container.repaint();
                }


                var container = $find("stringMask_MyGrid");

                if (container != null) {
                    container.get_element().style.height = ((85 * multipageHeight) / 100) + "px";

                    container.repaint();
                }

                container = $find("stringMask_MyGridPanel");

                if (container != null) {
                    container.get_element().style.height = ((85 * multipageHeight) / 100) + "px";
                    container.repaint();
                }

                var cell = document.getElementById('tblField').offsetWidth;
                document.getElementById('hddWidthCell').value = cell;


            }

            function confirmCallBackFn(arg) {
                var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
                if (arg == true)
                { ajaxManager.ajaxRequest("RemoveDocumentType"); }

            }




            function closeAndRebind(args) {
                var oWnd = GetRadWindow();
                //get a reference to the second RadWindow       

                var dialogB = oWnd.get_windowManager().getWindowByName("LibraryDialog");
                if (dialogB == null) CloseAndRebind(args);
                else {

                    var libraryForm = oWnd.get_windowManager().getWindowByName("DocumentTypeDialog");
                    if (libraryForm != null) libraryForm.close();
                    dialogB.setActive();
                    dialogB.get_contentFrame().contentWindow.refreshDocumentType();

                }
            }

            function RequestStart(sender, args) {
                debugger;
                if (args.EventTarget == "<%= rlbChosen.UniqueID %>") {
                    $find(args.EventTargetElement.id).set_enabled(false);
                }
            }
            function ResponseEnd(sender, args) {
                debugger;
                if (args.EventTarget == "<%= rlbChosen.UniqueID %>") {
                    $find(args.EventTargetElement.id).set_enabled(true);
                }
            }

            function cancel() { Cancel(); }

            function disableTab() {

                var radTabs = $find("<%= RadTabStrip1.ClientID %>");
                var tab = radTabs.findTabByValue("Fields");
               

                var name = document.getElementById('GeneralInformation_txtName').value;
                var id = document.getElementById('hddId').value;

                name = trim(name);

                if (tab && (name.length == 0)) {

                    radTabs.trackChanges();
                    tab.disable();

                    radTabs.commitChanges();


                } else if (tab && name != null) {

                    radTabs.trackChanges();
                    tab.enable();
                    radTabs.commitChanges();


                    var chkPostBack = '<%= Page.IsPostBack ? "true" : "false" %>';
                    DisableTab(chkPostBack);
                }





            }

            function filterList() {
                var listbox = $find("<%= rlbAvailable.ClientID %>");
                var textbox = $find('<%= tbAvailableFilter.ClientID %>');

                clearListEmphasis(listbox);
                createMatchingList(listbox, textbox.get_textBoxValue());
            }

            function filterListChosen() {
                var listbox = $find("<%= rlbChosen.ClientID %>");
                var textbox = $find('<%= tbChosenFilter.ClientID %>');
                clearListEmphasis(listbox);
                createMatchingList(listbox, textbox.get_textBoxValue());
            }


            function clearListEmphasis(listbox) { ClearListEmphasis(listbox); }

            function createMatchingList(listbox, filterText) { CreateMatchingList(listbox, filterText); }

            function rlbAvailable_OnClientTransferring(sender, eventArgs) {
                clearListEmphasis(sender);
                clearFilterText();
                createMatchingList(sender, "");
                reDesignControls();
            }



            function rbtnClear_OnClientClicking(sender, eventArgs) {
                clearFilterText();
                var listbox = $find("<%= rlbAvailable.ClientID %>");
                clearListEmphasis(listbox);
                createMatchingList(listbox, "");
            }


            function chosenClear_OnClientClicking(sender, eventArgs) {
                clearFilterText();
                var listbox = $find("<%= rlbChosen.ClientID %>");
                clearListEmphasis(listbox);
                createMatchingList(listbox, "");
            }


            // Clears the text from the filter.
            function clearFilterText() {
                var textbox = $find('<%= tbAvailableFilter.ClientID %>');
                textbox.clear();
            }
            

        </script>
    </telerik:RadCodeBlock>
</head>
<body onload="return LoadTitle();">





   

    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager2" runat="server" EnablePageMethods="true">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts> 
    </telerik:RadScriptManager>
    <telerik:RadAjaxLoadingPanel runat="server" ID="LoadCombo" Height="90%" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" RequestQueueSize="50000">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="rlbChosen">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
                    <telerik:AjaxUpdatedControl ControlID="EditField" />
                    <telerik:AjaxUpdatedControl ControlID="EditPanel" />
                    <telerik:AjaxUpdatedControl ControlID="FinishEdit" />
                    <telerik:AjaxUpdatedControl ControlID="RadTabStrip2" />
                    <telerik:AjaxUpdatedControl ControlID="FieldID" />
                    <telerik:AjaxUpdatedControl ControlID="litProperties" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rlbAvailable">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
                    <telerik:AjaxUpdatedControl ControlID="EditField" />
                    <telerik:AjaxUpdatedControl ControlID="EditPanel" />
                    <telerik:AjaxUpdatedControl ControlID="FinishEdit" />
                    <telerik:AjaxUpdatedControl ControlID="RadTabStrip2" />
                    <telerik:AjaxUpdatedControl ControlID="FieldID" />
                    <telerik:AjaxUpdatedControl ControlID="litProperties" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
                    <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="LoadCombo" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnEdit">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
                    <telerik:AjaxUpdatedControl ControlID="FinishEdit" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnCancelEdit">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
                    <telerik:AjaxUpdatedControl ControlID="EditPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnEditFinish">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
                    <telerik:AjaxUpdatedControl ControlID="EditPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
        <ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
    </telerik:RadAjaxManager>
    <div class="tabContainter">
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
            SelectedIndex="0" CssClass="tabStrip" >
            <Tabs>
                <telerik:RadTab Value="Information" ImageUrl="~/UI/Images/information.png">
                </telerik:RadTab>
                <telerik:RadTab Value="Fields" ImageUrl="~/UI/Images/field_list.png">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPageExternal">
            <telerik:RadPageView ID="RadPageViewInformation" runat="server" CssClass="pageView">
                <asp:Table ID="Table3" CssClass="editFormTable" runat="server">
                    <asp:TableRow CssClass="formRow">
                        <asp:TableCell ColumnSpan="2">
                            <UC:Settings ID="Settings" runat="server" />
                        </asp:TableCell></asp:TableRow>
                    <asp:TableRow CssClass="formRow">
                        <asp:TableCell ColumnSpan="2">
                            <UC:GeneralInformation ID="GeneralInformation" runat="server" />
                        </asp:TableCell></asp:TableRow>
                    <asp:TableRow CssClass="formRow">
                        <asp:TableCell ColumnSpan="2">
                            <UC:ValidationText ID="ValidationText" runat="server" />
                        </asp:TableCell>
                    </asp:TableRow>
                </asp:Table>
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageViewField" runat="server" CssClass="pageViewField">
                <asp:Table runat="server" CssClass="listContainer">
                    <asp:TableRow>
                        <asp:TableCell CssClass="listBoxColumnOut">
                            <asp:Table runat="server" CssClass="tableListBox">
                                <asp:TableRow>
                                    <asp:TableCell CssClass="listBoxHeaders">
                                        <asp:Literal runat="server" ID="litAvailable" />
                                    </asp:TableCell>
                                    <asp:TableCell CssClass="listBoxHeaders">
                                        <span style="white-space: normal;">
                                            <asp:Label runat="server" ID="litOnDcumentType" />
                                        </span>
                                    </asp:TableCell>
                                </asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell CssClass="containerSearch">
                                        <div class="cellTextBoxSearchL">
                                            <telerik:RadTextBox ID="tbAvailableFilter" runat="server" Width="100%" autocomplete="on"
                                                onkeyup="filterList();" />
                                        </div>
                                        <div class="cellLabelSearchL">
                                            <telerik:RadButton ID="rbtnClear" runat="server" Width="19px" AutoPostBack="false"
                                                OnClientClicking="rbtnClear_OnClientClicking" Style="margin-left: 1px">
                                                <Icon PrimaryIconUrl="~/UI/Images/cross.png" PrimaryIconWidth="18px" PrimaryIconTop="3px"
                                                    PrimaryIconLeft="2px" />
                                            </telerik:RadButton>
                                        </div>
                                    </asp:TableCell>
                                    <asp:TableCell CssClass="containerSearch">
                                        <div class="cellTextBoxSearchR">
                                            <telerik:RadTextBox ID="tbChosenFilter" runat="server" Width="100%" autocomplete="on"
                                                onkeyup="filterListChosen();" />
                                        </div>
                                        <div class="cellLabelSearchR">
                                            <telerik:RadButton ID="RadButton1" runat="server" Width="19px" AutoPostBack="false"
                                                OnClientClicking="chosenClear_OnClientClicking">
                                                <Icon PrimaryIconUrl="~/UI/Images/cross.png" PrimaryIconWidth="18px" PrimaryIconTop="3px"
                                                    PrimaryIconLeft="2px" />
                                            </telerik:RadButton>
                                        </div>
                                    </asp:TableCell>
                                </asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell ColumnSpan="2" Style="height: 100%">
                                        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%"
                                            LoadingPanelID="LoadCombo">
                                            <asp:Table runat="server" CssClass="subTableLibrary">
                                                <asp:TableRow>
                                                    <asp:TableCell CssClass="listBoxColumn">
                                                        <telerik:RadListBox ID="rlbAvailable" runat="server" Width="100%" AllowTransfer="true"
                                                            AllowTransferOnDoubleClick="true" TransferToID="rlbChosen" SelectionMode="Multiple"
                                                            Height="100%" EnableDragAndDrop="true" Sort="Ascending" OnClientTransferring="rlbAvailable_OnClientTransferring"
                                                            AutoPostBackOnTransfer="true" OnTransferred="rlbAvailable_OnTransferred" ButtonSettings-ShowTransferAll="true">
                                                        </telerik:RadListBox>
                                                    </asp:TableCell>
                                                    <asp:TableCell CssClass="listBoxColumn">
                                                        <telerik:RadListBox ID="rlbChosen" runat="server" Sort="Ascending" Width="100%" Height="100%"
                                                            AutoPostBack="true" OnSelectedIndexChanged="rlbChosen_SelectedIndexChange" SelectionMode="Multiple"
                                                            EnableDragAndDrop="true" AllowReorder="true" DataTextField="tempHeader" DataValueField="FieldId">
                                                        </telerik:RadListBox>
                                                    </asp:TableCell>
                                                </asp:TableRow>
                                            </asp:Table>
                                        </telerik:RadAjaxPanel>
                                    </asp:TableCell>
                                </asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell></asp:TableCell></asp:TableRow>
                            </asp:Table>
                        </asp:TableCell>
                        <asp:TableCell CssClass="fieldColumnOut">
                            <asp:Table runat="server" CssClass="tableListBox" ID="tblField">
                                <asp:TableRow>
                                    <asp:TableCell CssClass="listBoxHeaders" ID="cellProperties">
                                        <asp:Literal runat="server" ID="litProperties" Visible="false" />
                                    </asp:TableCell>
                                </asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell CssClass="listBoxHeaders">
                                        <div id="EditField" runat="server" class="EditField">
                                            <telerik:RadButton ID="btnEditField" runat="server" AutoPostBack="false" OnClientClicked="openEditForm">
                                                <Icon PrimaryIconUrl="~/UI/Images/field_list.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
                                                    PrimaryIconTop="3px" PrimaryIconLeft="9px" />
                                            </telerik:RadButton>
                                        </div>
                                    </asp:TableCell>
                                </asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell>
                                        <div >
                                            <telerik:RadTabStrip ID="RadTabStrip2" runat="server" MultiPageID="RadMultiPage2"
                                                SelectedIndex="0" CssClass="tabStrip">
                                                <Tabs>
                                                    <telerik:RadTab Value="Information" ImageUrl="~/UI/Images/information.png">
                                                    </telerik:RadTab>
                                                    <telerik:RadTab Value="Mask" ImageUrl="~/UI/Images/table.png">
                                                    </telerik:RadTab>
                                                </Tabs>
                                            </telerik:RadTabStrip>
                                            <telerik:RadMultiPage ID="RadMultiPage2" runat="server" SelectedIndex="0" CssClass="multiPageSub">
                                                <telerik:RadPageView ID="RadPageInformation" runat="server" CssClass="pageView">
                                                    <asp:Panel ID="pnlInformation" runat="server" />
                                                    <UC:Information runat="server" ID="InformationInfo" />
                                                </telerik:RadPageView>
                                                <telerik:RadPageView ID="RadPageMaskField" runat="server" CssClass="pageView">
                                                    <asp:Panel ID="pnlMask" runat="server" />
                                                    <UC:Information runat="server" ID="InformationMask" />
                                                </telerik:RadPageView>
                                            </telerik:RadMultiPage>
                                        </div>
                                    </asp:TableCell>
                                </asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell    >
                                        <div id="EditPanel" runat="server" class="EditPanel">
                                            <telerik:RadButton ID="btnEdit" OnClick="btnEdit_Click" runat="server">
                                                <Icon PrimaryIconUrl="~/UI/Images/pencil.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
                                                    PrimaryIconTop="3px" PrimaryIconLeft="9px" />
                                            </telerik:RadButton>
                                        </div>
                                        <div id="FinishEdit" runat="server" class="EditPanel">
                                            <telerik:RadButton ID="btnEditFinish" OnClick="btnEditFinish_Click" runat="server">
                                                <Icon PrimaryIconUrl="~/UI/Images/accept.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
                                                    PrimaryIconTop="3px" PrimaryIconLeft="9px" />
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="btnCancelEdit" OnClick="btnCancelEdit_Click" runat="server">
                                                <Icon PrimaryIconUrl="~/UI/Images/cancel.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
                                                    PrimaryIconTop="3px" PrimaryIconLeft="9px" />
                                            </telerik:RadButton>
                                        </div>
                                    </asp:TableCell>
                                </asp:TableRow>
                            </asp:Table>
                        </asp:TableCell>
                    </asp:TableRow>
                </asp:Table>
            </telerik:RadPageView>
        </telerik:RadMultiPage><UC:Buttons ID="ButtonsForm" runat="server"></UC:Buttons>
    </div>
    <UC:Notification ID="Notification" runat="server" />
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
        <Windows>
            <telerik:RadWindow ID="FieldDialog" runat="server" Height="600px" Width="800px" ReloadOnShow="true"
                ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false" Behaviors="Move, Close"
                Animation="FlyIn" IconUrl="~/UI/Images/field_list.png" />
        </Windows>
    </telerik:RadWindowManager>
    <asp:HiddenField ID="hddId" runat="server" />
    <asp:HiddenField ID="HiddenObjectName" runat="server" />
    <asp:HiddenField ID="FieldID" runat="server" />
    <asp:HiddenField ID="hddWidthCell" runat="server" />
    </form>
</body>
</html>


I tried set EnabledDragAndDrop ="False" and error does not appears. BUT I need use this function.

regards.

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 29 Jan 2013, 07:26 AM
Hi July,

The error is caused by conflicting ajax requests. In other words, when a request is sent before the previous one was completed. There are a couple of approaches you can take to resolve this:

1. Set the RequestQueueSize property of RadAjaxManager to a high enough number (for instance 10). This causes every request to be stored in an internal queue (with the specified capacity) and be executed only when no other request is in progress.

2. You can use the approach from the following help article:
http://www.telerik.com/help/aspnet-ajax/ajax-disable-controls-during-ajax.html

Thanks
Princy.
Tags
ListBox
Asked by
July
Top achievements
Rank 2
Answers by
Princy
Top achievements
Rank 2
Share this question
or