LoadOnDemand in MVVM Pattern

[Andrea Ferrari]

Hi.
There's a way to Bind the LoadOnDemand Event to a Command in a MVVM Pattern.
I'm using Galasoft MVVM Light in my application and I load the data from WCF services. All is ok, but now I've to manage the LoadOnDemand Event without breaking the MVVM pattern.

I've tryied using the EventToCommand of Galasoft and its works fine. This is the XAML code

<UserControl
  x:Class="FB_BridgeArchive.View.JobsView"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
  xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WPF4"
  xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
  xmlns:telerikQuickStart="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls"
  mc:Ignorable="d" d:DesignWidth="300" d:DesignHeight="400"
  DataContext="{Binding Jobs, Source={StaticResource Locator}}">

  <UserControl.Resources>
    <DataTemplate x:Key="CategoryTemplate">
      <TextBlock Text="{Binding Description}" />
    </DataTemplate>
    <HierarchicalDataTemplate x:Key="LevelTemplate" ItemsSource="{Binding Categories}" ItemTemplate="{StaticResource CategoryTemplate}">
      <TextBlock Text="{Binding Description}" />
    </HierarchicalDataTemplate>
    <HierarchicalDataTemplate x:Key="TeacherTemplate" ItemsSource="{Binding Levels}" ItemTemplate="{StaticResource LevelTemplate}">
      <TextBlock Text="{Binding Name}" />
    </HierarchicalDataTemplate>
  </UserControl.Resources>

  <StackPanel Orientation="Vertical">
    <telerik:RadTreeView x:Name="jobTreeView" Margin="8" ExpanderStyle="{StaticResource ExpanderStyle}"
                         IsLoadOnDemandEnabled="True" IsExpandOnSingleClickEnabled="True"
                         ItemTemplate="{StaticResource TeacherTemplate}" ItemsSource="{Binding Path=Ds.Teachers}">
    <i:Interaction.Triggers>
      <i:EventTrigger EventName="LoadOnDemand">
        <cmd:EventToCommand PassEventArgsToCommand="True" Command="{Binding LoadOnDemand}" />
      </i:EventTrigger>
    </i:Interaction.Triggers>
  </telerik:RadTreeView>
  </StackPanel>
</UserControl>

As you can see I call the LoadOnDemand Command in my ViewModel.
Now, in the ViewModel I've the followind method to handle the LoadOnDemand:

private void HandleLoadOnDemand(RadRoutedEventArgs e)
{
  RadTreeViewItem item = e.OriginalSource as RadTreeViewItem;
  if (item.Item.GetType() == typeof(WcfTeacher))
  {
    Ds.LoadLevels(item.Item as WcfTeacher);
  }
  else if (item.Item.GetType() == typeof(WcfLevel))
  {
    Ds.LoadCategories(item.Item as WcfLevel);
  }
  else
    item.IsLoadOnDemandEnabled = false;
}

It works, but with a problem.
When you click on an item, the method is called and the items are loaded, but you don't see them on the TreeView. You need to click on the item one more time in order to see the item expanded.
Why? 
I've forgotten something, or there's some other problems?
Maybe it's the wrong way to bind the LoadOnDemand event, but there's a better way? 

Thanks a lot and regards.
Andrea

[Miro Miroslavov]

Hello Andrea Ferrari,

Can you please send us example project, so we will be able to give you more detailed information about the problem - you can create support ticket and attach the project.

On a side note in my opinion - using RadTreeViewItem (View class) in the ViewModel class breaks much more the MVVM pattern than having handler in the View that do the same job (mainly View stuff).


Sincerely yours,
Miro Miroslavov
the Telerik team

[StrandedPirate]

See my post on the same issue here: http://www.telerik.com/community/forums/silverlight/treeview/observablecollection-and-loadondemand.aspx

 

[Miroslav]

Hello Joey,

I replied in the mentioned thread.

Regards,
Miroslav
the Telerik team