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

performance of the view is very slow using nested RowDetailsTemplateSelectors and DataTemplates

1 Answer 766 Views

GridView

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

KR asked on 10 Sep 2019, 03:47 AM

Hi,

This view basically displays Questions, Question Choices and selects or displays the answer as well. The Question Choices can be a Yes/No, MultipleSelect, MultipleChoice or FreeText. The view has a RadGridView on line 260 and this grid has RowDetailsTemplate which displays question number and question text in a RadGridView . This RadGridView has has RowDetailsTemplateSelector which displays the Question Choices which is either Yes/NO or Multiple Choice or Free Text etc based on the Question Type. This in turn calls the DataTemplates. Basically with this complex nested GridViews and Templates and the ModelView methods, the view takes at least 3 minutes to load 30 questions.

How can I improve the performance of this View?

Your guidance is appreciated.

View:

<UserControl.Resources>

<DataTemplate x:Key="SurveyQuestionMultipleChoiceDataTemplate">

<StackPanel Grid.Column="1" Orientation="Vertical" Width="Auto" HorizontalAlignment="Left" Margin="35,0,0,0" >

<RadioButton HorizontalAlignment="Left" VerticalAlignment="Center" Content="{Binding SurveyChoiceText}" IsChecked="{Binding IsChecked}" FontSize="13"

GroupName="SurveyQuestionRadioGroup" />

</StackPanel>

</DataTemplate>

<DataTemplate x:Key="SurveyQuestionMultipleSelectDataTemplate">

<StackPanel Grid.Column="1" Orientation="Vertical" Width="Auto" HorizontalAlignment="Left" Margin="30,5,0,0" >

<CheckBox HorizontalAlignment="Left" HorizontalContentAlignment="Center" Content="{Binding SurveyChoiceText}" IsChecked="{Binding IsChecked}" FontSize="13"

telerik:StyleManager.Theme="Office_Black" />

</StackPanel>

</DataTemplate>

<DataTemplate x:Key="SurveyQuestionsRankingDataTemplate">

<StackPanel Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Left" Margin="23,0,0,0" Width="Auto">

<ComboBox Name="cbxRank" DisplayMemberPath="RankNumberID"

VerticalAlignment="Center"

HorizontalAlignment="Left"

Margin="10,10,0,0"

ItemsSource="{Binding Rank}" >

</ComboBox>

<TextBlock Text="{Binding SurveyChoiceText}" TextWrapping="Wrap" Width="Auto" VerticalAlignment="Center" Margin="5,0,0,0" FontSize="13" />

</StackPanel>

</DataTemplate>

</ResourceDictionary>

</UserControl.Resources>

<Grid>

<Border Margin="20">

<Grid Width="Auto">

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Grid.Resources>

<telerik:NullToVisibilityConverter x:Key="NullToVisibilityConverter" />

<DataTemplate x:Key="YesNoTemplate" >

<StackPanel Orientation="Vertical" >

<StackPanel Orientation="Horizontal" Margin="30,10,10,15" Width="Auto">

<RadioButton IsChecked="{Binding SrvyAnswer.IsYesChecked}" Content="Yes" VerticalAlignment="Center" GroupName="YesNo" />

<RadioButton IsChecked="{Binding SrvyAnswer.IsNoChecked}" Content="No" VerticalAlignment="Center" GroupName="YesNo" />

</StackPanel>

<StackPanel Orientation="Horizontal" Margin="30,0,0,5">

<TextBlock Text="{Binding SrvyAnswer.Comments}" IsEnabled="False" Height="Auto" Width="1400" TextWrapping="Wrap" FontSize="13" Margin="5,10,10,15" />

</StackPanel>

</DataTemplate>

<DataTemplate x:Key="MultipleChoiceTemplate">

<telerik:RadListBox ItemsSource="{Binding SurveyQuestionAnswers}" VerticalAlignment="Top"

ItemTemplate="{StaticResource SurveyQuestionMultipleChoiceDataTemplate}" />

</DataTemplate>

<DataTemplate x:Key="MultipleSelectTemplate">

<StackPanel Orientation="Vertical">

<telerik:RadListBox ItemsSource="{Binding SurveyQuestionAnswers}" VerticalAlignment="Top" BorderThickness="0" Margin="0,0,10,10"

ItemTemplate="{StaticResource SurveyQuestionMultipleSelectDataTemplate}" />

<StackPanel Orientation="Horizontal" Visibility="{Binding SurveyAnswersCommentForMultipleSelect, Converter={StaticResource NullToVisibilityConverter} }">

<TextBlock Name="txtTotalResponses" Text="{Binding SurveyAnswersCommentForMultipleSelect}" Width="1200" TextWrapping="Wrap"

Grid.Column="1" FontWeight="Regular" FontSize="13"

HorizontalAlignment="Left" VerticalAlignment="Center" Margin="40,0,0,10" />

</StackPanel>

</DataTemplate>

<DataTemplate x:Key="FreeTextTemplate">

<Border BorderThickness="0" BorderBrush="Black" Margin="35,0,0,0" Padding="4">

<StackPanel Orientation="Horizontal" >

<TextBlock Text="{Binding SrvyAnswer.SelectedAnswer}" IsEnabled="False" Height="Auto" Width="1400" TextWrapping="Wrap" FontSize="13" />

</StackPanel>

</Border>

</DataTemplate>

<DataTemplate x:Key="RankingTemplate">

<telerik:RadListBox ItemsSource="{Binding SurveyQuestionAnswers}" VerticalAlignment="Top"

ItemTemplate="{StaticResource SurveyQuestionsRankingDataTemplate}" />

</DataTemplate>

<SurveyConverter:SurveyQuestionTypeConverter x:Key="sqtconverter" />

<SurveyTemplateRules:ConditionalDataTemplateSelector x:Key="selector"

ConditionConverter="{StaticResource sqtconverter}">

<SurveyTemplateRules:ConditionalDataTemplateSelector.Rules>

<SurveyTemplateRules:ConditionalDataTemplateRule DataTemplate="{StaticResource YesNoTemplate}">

<SurveyTemplateRules:ConditionalDataTemplateRule.Value>

<sys:Int32>1</sys:Int32>

</SurveyTemplateRules:ConditionalDataTemplateRule.Value>