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

DataBinding Issue with RadTreemap

4 Answers 153 Views

TreeMap and PivotMap

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

This question is locked. New answers and comments are not allowed.

Thien asked on 06 Nov 2012, 06:38 PM

HeatMapImage.png

Hi there,
I'm having an issue binding the data to RadTreeMap control. It just returned a blank page. I tried to copy the same code and data file from the sample version which should render the data like in the attached file heatmapimage.png.
code in MainPage.xaml

code in MainPage.xaml.cs
using System;
using System.Windows;
using System.Windows.Controls;
using Telerik.Windows.Controls;
using Telerik.Windows.Controls.TransitionControl;
using Telerik.Windows.Controls.TreeMap;

using C = Telerik.Windows.Controls;
using P = Telerik.Windows.Controls.Primitives;
using Telerik.Windows;

namespace TestHeatMap
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void RadTreeMap_Loaded(object sender, RoutedEventArgs e)
        {
            RadTreeMapItem rootItem = this.RadTreeMap.FindChildByType<RadTreeMapItem>();
            if (rootItem != null)
            {
                if (rootItem.ItemContainerGenerator.Status == P.GeneratorStatus.ContainersGenerated)
                {
                    SelectItemFromGenerator(rootItem.ItemContainerGenerator);
                }
                else
                {
                    rootItem.ItemContainerGenerator.StatusChanged += this.RootItemItemContainerGenerator_StatusChanged;
                }
            }
        }

        private void RootItemItemContainerGenerator_StatusChanged(object sender, EventArgs e)
        {
            C.ItemContainerGenerator rootItemItemContainerGenerator = sender as C.ItemContainerGenerator;
            if (rootItemItemContainerGenerator.Status == P.GeneratorStatus.ContainersGenerated)
            {
                SelectItemFromGenerator(rootItemItemContainerGenerator);
            }
        }

        private void SelectItemFromGenerator(C.ItemContainerGenerator rootItemItemContainerGenerator)
        {
            RadTreeMapItem russiaContainer = rootItemItemContainerGenerator.ContainerFromIndex(0) as RadTreeMapItem;
            russiaContainer.IsSelected = true;
        }

        private void RadTreeMap_PreviewSelectionChanged(object sender, SelectionChangedRoutedEventArgs e)
        {
            if (e.SelectedItem == null)
                e.Cancel = true;
        }

        private void RadTreeMap_SelectionChanged(object sender, RadRoutedEventArgs e)
        {
            TransitionWrapper.Content = this.RadTreeMap.SelectedItem;
        }

        private void TransitionWrapper_TransitionStatusChanged(object sender, TransitionStatusChangedEventArgs e)
        {
            RadTransitionControl tc = (RadTransitionControl)sender;
            if (tc.Duration.TotalSeconds == 0)
            {
                tc.Dispatcher.BeginInvoke(new Action(ChangeDuration));
            }
        }

        private void ChangeDuration()
        {
            this.TransitionWrapper.Duration = new TimeSpan(0, 0, 1);
        }
    }
}

4 Answers, 1 is accepted

answered on 07 Nov 2012, 07:57 PM

I got the RadTreeMap populated with static data, but when I binded the RadTreeMap to a Lightswitch query as DataContext, it returned empty map. The binding to Lightswitch datacontext works for RadTreeListView, but not for RadTreeMap. I used TargetTypeName as HeatMaps which is the view in my Lightswitch datasource and was added in my lightswitch page where the custom control is. The property Type of the query is collectionView$HeatMap

Here is my binding in the custom control.
<telerik:RadTreeListView   Grid.Row="0" ItemsSource="{Binding Value,Mode=TwoWay}"" x:Name="RadTreeListView1" >
        </telerik:RadTreeListView>

        <telerik:RadTreeMap Name="RadTreeMap" BorderThickness="2" BorderBrush="#FF5F031C" Grid.Row="1" ItemsSource="{Binding Value,Mode=TwoWay}" IsSelectionEnabled="True"
                            LayoutStrategy="Squarified"
                            Background="#FF7ECD8D">
                <telerik:RadTreeMap.TypeDefinitions>
                    <telerik:TypeDefinition TargetTypeName="HeatMap"
                                        ValuePath="PCapture"
                                        LabelPath="PursuitName"
                                        ToolTipPath="PursuitName"
                                      >
                        <telerik:TypeDefinition.Mappings>
                        <telerik:BrushColorizer Brush="Red" />
                    </telerik:TypeDefinition.Mappings>
                    </telerik:TypeDefinition>
                </telerik:RadTreeMap.TypeDefinitions>
            </telerik:RadTreeMap>

The data is binded for RadTreeListView , but not for RadTreeMap. Can you advise me how to bind the lightswitch datacontext to RadTreeMap?

answered on 09 Nov 2012, 08:01 AM

Hi,

It seems you are using NO-XAML assemblies. RadControls are shipped in two versions -- with and without xaml included, the latter being optimized for size and therefore for download time. However, these assemblies require that you include the XAML for the controls you use manually. Please, find more details in this help topic.

Alternatively, you can update your project references to point to the assemblies found in Binaries/Silverlight subfolder of your local installation. The full path would look like this:

C:\Program Files (x86)\Telerik\RadControls for Silverlight Q3 2012\Binaries\Silverlight

Best regards,
Ves
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

answered on 09 Nov 2012, 07:17 PM

This is where I binded my telerik controls C:\Program Files (x86)\Telerik\RadControls for Silverlight Q3 2012\Binaries\Silverlight. I think there is no issue with the references because it's binding to the same datasource correctly for RadTreeListView , but not for RadTreeMap. I wonder the way RadTreeMap binds to lightswitch DataContext would be different? I have it binding like this for RadTreeMap
<telerik:RadTreeMap Name="RadTreeMap" BorderThickness="2" BorderBrush="#FF5F031C" Grid.Row="1" ItemsSource="{Binding Screen.HeatMaps,Mode=TwoWay}" IsSelectionEnabled="True"
                            LayoutStrategy="Squarified"
                            Background="#FF7ECD8D">
                <telerik:RadTreeMap.TypeDefinitions>
                    <telerik:TypeDefinition TargetTypeName="HeatMap"
                                        ValuePath="PCapture"
                                        LabelPath="PursuitName"
                                        ToolTipPath="PursuitName"
                                      >
                        <telerik:TypeDefinition.Mappings>
                        <telerik:BrushColorizer Brush="Red" />
                    </telerik:TypeDefinition.Mappings>
                    </telerik:TypeDefinition>
                </telerik:RadTreeMap.TypeDefinitions>
            </telerik:RadTreeMap>

So I wonder if I should write a HeatMap class in silverlight control . Can you give me an example of how RadTreeMap in a silverlight control binds to the datacontext in a Lightswitch app?

answered on 14 Nov 2012, 12:14 PM

Hi,

The project you have attached to your initial post contains the following reference:

<Reference Include=

"Telerik.Windows.Controls.DataVisualization, Version=2012.3.1017.1050, Culture=neutral, PublicKeyToken=5803cfa389c90ce7, processorArchitecture=MSIL"

>

<SpecificVersion>False</SpecificVersion>

<HintPath

>..\..\..\..\..\..\..\Program Files (x86)\Telerik\RadControls for Silverlight Q3 2012\Demos\lib\Silverlight\Telerik.Windows.Controls.DataVisualization.dll</

HintPath>

</Reference>

This points to the NoXaml version of DataVisualization.dll, used in our Quick Start Framework. Please, update the references to point to the xaml versions of the assemblies.

Best regards,
Ves
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.