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?