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

Actions delayed when implementing TreeList

0 Answers 9 Views
Wizard
This is a migrated thread and some comments may be shown as answers.
Paul
Top achievements
Rank 1
Paul asked on 24 Jan 2018, 06:36 PM

Basically in I am using the wizard and each step is using a user control. In most part it functions fine, but the section that uses the radTreeList, there seems to be a delay with the button actions inside the wizard.

Here is my wizard:

<telerik:RadAjaxPanel ID="radPanelWizard" runat="server" ClientEvents-OnResponseEnd="recreateItems">
 
       <asp:Literal ID="litStyle" runat="server"></asp:Literal>
         <telerik:RadWizard ID="radW" runat="server" Width="100%" OnActiveStepChanged="radW_ActiveStepChanged" OnFinishButtonClick="radW_FinishButtonClick" NavigationButtonsPosition="Top" RenderMode="Mobile"
             OnNextButtonClick="radW_NextButtonClick" DisplayCancelButton="true" OnCancelButtonClick="radW_CancelButtonClick">
             <WizardSteps>
                <telerik:RadWizardStep Title="Edit 1" ID="step1">
                    <uc1:FirstControl ID="usc1" runat="server"/>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep Title="Edit 2" ID="step2">
                    <uc2:SecondControl ID="usc2" runat="server"/>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep Title="Edit 3" ID="step3">
                    <uc3:ThirdControl ID="usc3" runat="server"/>
                </telerik:RadWizardStep>
             </WizardSteps>
        </telerik:RadWizard>
   
</telerik:RadAjaxPanel>

 

Im loading the TreeLists from the second user control in the second step. Here's the code for that:

<telerik:RadAjaxPanel ID ="radAjxPnlQAItems" runat="server">
    <div class="sortTable sortTableHalf">
        <asp:Literal ID="litMessage" runat="server"></asp:Literal>
        <telerik:RadTreeList ID="radItemView" runat="server" AllowPaging="false" DataKeyNames="MapID" ParentDataKeyNames="MapParentID" AutoGenerateColumns="false"
        OnItemCommand="radItemView_ItemCommand" OnItemCreated="radItemView_ItemCreated" AllowMultiItemSelection="True" OnNeedDataSource="radItemView_NeedDataSource" >
        <Columns>
            <telerik:TreeListBoundColumn DataField="MapID" HeaderText="MapID" UniqueName="MapID">
            </telerik:TreeListBoundColumn>
        <telerik:TreeListBoundColumn DataField="ID" HeaderText="ID" UniqueName="ID">
            </telerik:TreeListBoundColumn>
            <telerik:TreeListBoundColumn DataField="ItemName" HeaderText="ItemName" UniqueName="ItemName">
            </telerik:TreeListBoundColumn>
        <telerik:TreeListTemplateColumn UniqueName="Template Column" HeaderText=" ">
            <HeaderStyle Width="140px"></HeaderStyle>
            <ItemTemplate>                       
                <telerik:RadButton ID="AddBtn" runat="server" Text="Add" CommandName="AddItem">
                </telerik:RadButton>
            </ItemTemplate>
        </telerik:TreeListTemplateColumn>
        </Columns>
        <NoRecordsTemplate>
        No Records Found
        </NoRecordsTemplate>
 
        </telerik:RadTreeList>
    </div>
    <div class="sortTable sortTableHalf">
        <telerik:RadTreeList ID="radTreeSelected" runat="server" AllowPaging="false" DataKeyNames="MapID" ParentDataKeyNames="MapParentID" AutoGenerateColumns="false"
        OnItemCommand="radTreeSelected_ItemCommand" OnItemCreated="radTreeSelected_ItemCreated" OnDeleteCommand="radTreeSelected_DeleteCommand" OnNeedDataSource="radTreeSelected_NeedDataSource">
        <Columns>
            <telerik:TreeListBoundColumn DataField="MapID" HeaderText="MapID" UniqueName="MapID">
            </telerik:TreeListBoundColumn>
        <telerik:TreeListBoundColumn DataField="ID" HeaderText="ID" UniqueName="ID">
            </telerik:TreeListBoundColumn>
            <telerik:TreeListBoundColumn DataField="ItemName" HeaderText="ItemName" UniqueName="ItemName">
            </telerik:TreeListBoundColumn>
            <telerik:TreeListTemplateColumn UniqueName="Template Column" HeaderText=" ">
            <HeaderStyle Width="140px"></HeaderStyle>
            <ItemTemplate>                       
                <telerik:RadButton ID="DelBtn" runat="server" Text="Remove" CommandName="Delete">
                </telerik:RadButton>
            </ItemTemplate>
        </telerik:TreeListTemplateColumn>
        </Columns>
        <NoRecordsTemplate>
        No Records Found
        </NoRecordsTemplate>
        </telerik:RadTreeList>
    </div>
</telerik:RadAjaxPanel>

 

The logic with those trees is this. The 'radItemView' contains an add button and lists the hierarchy of elements that can be added. The 'radTreeSelected' contains the items, that were added when they clicked the add button. For the most part it works, but what I noticed is this. Any time you go into the section, clicking the add or remove button for the first time after reaching this step, there is significant delay before the tree update. However, if you click the add or remove button again for a different item, then the update is instantaneous. It seems like to me, is that the wizard is causing the tree list to clear something, and seems to reinitialize when clicking the add button. Is there a way to resolve that?

 

 

 

No answers yet. Maybe you can help?

Tags
Wizard
Asked by
Paul
Top achievements
Rank 1
Share this question
or