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

Double click to edit shape content in using MVVM

7 Answers 209 Views

Diagram

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

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

7 Answers, 1 is accepted

Accepted

answered on 21 Sep 2012, 06:37 AM

SilverlightApplication45.zip

Hello Scott,

We can use the project from the mentioned thread and discuss it here. Basically , it has some bugs in it, for example the CreateNode method it used to be:

public override object CreateNode(Telerik.Windows.Diagrams.Core.IShape shape)

{

var customShape = shape as CustomShape;

if (shape!= null)

but I guess it must be something like:

public override object CreateNode(Telerik.Windows.Diagrams.Core.IShape shape)

{

var customShape = shape as CustomShape;

if (customShape != null)

return new DiagramTask() { Task = customShape.Task };

else

return new DiagramTask() {Task = "Sample Task"};

}

This will create a ViewModel for every kind of shape dropped from the RAdToolBox - RadDiagramShape or custom shape. And now, when we suitable ViewModels for every shape, we have to define ShapeTemplate and Shape EditTemplate like so:

<DataTemplate x:Key="edittemplate">

<TextBox Text="{Binding Task, Mode=TwoWay}" />

</DataTemplate>

<DataTemplate x:Key="itemtemplate">

<TextBlock Text="{Binding Task}" />

</DataTemplate>

<telerik:HierarchicalDataTemplate x:Key="itemTemplate" ItemsSource="{Binding Items}"

ItemTemplate="{StaticResource ToolboxItemTemplate}">

<TextBlock Text="{Binding Header}" Name="Test" />

</telerik:HierarchicalDataTemplate>

</Grid.Resources>

<telerik:RadDiagram ShapeTemplate="{StaticResource itemtemplate}" ShapeEditTemplate="{StaticResource edittemplate}" x:Name="diagram" IsEditable="True"/>

Now the double click will force the edit mode. Please check out the attached modified solution.

Regards,
Petar Mladenov
the Telerik team

Time to cast your vote for Telerik! Tell DevPro Connections and Windows IT Pro why Telerik is your choice. Telerik is nominated in a total of 25 categories.

answered on 16 Oct 2012, 06:50 PM

Hi,

I've tried to extend the solution to support editing the connection content but it doesn't work as I would expect. You can double click to get the edit template and enter some text, but after the edit is finished the ConnectionTemplate is blank. I've used the solution you attached higher up and modified this section of MainPage.xaml:

<DataTemplate x:Key="connectionedittemplate">

<TextBox Text="{Binding Content, Mode=TwoWay}" />

</DataTemplate>

<DataTemplate x:Key="connectionitemtemplate">

<TextBlock Text="{Binding Content}" />

</DataTemplate>

<telerik:HierarchicalDataTemplate x:Key="itemTemplate" ItemsSource="{Binding Items}"

ItemTemplate="{StaticResource ToolboxItemTemplate}">

<TextBlock Text="{Binding Header}" Name="Test" />

</telerik:HierarchicalDataTemplate>

</Grid.Resources>

<telerik:RadDiagram ShapeTemplate="{StaticResource itemtemplate}" ShapeEditTemplate="{StaticResource edittemplate}"

ConnectionEditTemplate="{StaticResource connectionedittemplate}" ConnectionTemplate="{StaticResource connectionitemtemplate}"

x:Name="diagram" IsEditable="True"/>