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

Bug Tracker Sample Application

27 Answers 472 Views

DragAndDrop

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

Telerik Admin asked on 15 May 2009, 03:17 PM

Hi,

This is a dedicated forum thread to discuss the BugTracker Silverlight Drag&Drop demo.

See the Introductory Blog post and download the source.

Then tell me what you think. It would be great if this example is the place to show you how you can do the things you like to have in your applications.

Since I am a developer I vow that I will not make custom themes and change ControlTemplates. It is possible and I would enjoy a different-looking application but I would like to keep the example free from thousands of lines of xaml, having just essential Xaml, databound and flexible.

We can all agree that this is not a real-world application. We know when we see one. But we can get there.

I can follow up with a blog post on how something is currently implemented or add a feature to the application, depending on what you would like to see.

Just two rules:

Try to define your requirements in the spirit of the bug tracker.
- "I want to see filtering of the TreeView" is bad.
- "I want to be able to filter the TeamExplorer" is good.
I would rather do small updates often than big updates rarely, so I would like to start with small things.

Normally we discuss controls in these forums. It will be great if we can discuss applications and application building.

Your turn.

Miro

27 Answers, 1 is accepted

answered on 14 Dec 2009, 01:08 PM

bugtrackerdragdrop.zip

Hello Ven Govindarajan,

Yes, I updated the code for the Q3 SP1 version of the controls (2009.3.1208); the project is attached to my reply.

Sincerely yours,

Miroslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 14 Feb 2010, 09:06 PM

Hi Miro.

I have one question regarding to ClickHelper class. There is this method:

    
            private static void OnElementMouseLeftButtonUp(object sender, MouseButtonEventArgs e)  
        
                    {  
        
                        var element = sender as FrameworkElement;  
        
                        var info = GetClickInfo(element);  
        
                        if (info == null)  
        
                        {  
        
                            info = new ClickInfo();  
        
                        }  
        
                        var clickPoint = e.GetPosition(element);  
        
                        if (info.LastClickPoint != clickPoint)  
        
                        {  
        
                            info = null;  
        
                        }  
        
                        else  
        
                        {  
        
                            var elasped = DateTime.Now - info.LastClickTime;  
        
                            if (elasped > MultiClickSpan)  
        
                            {  
        
                                info.ClickCount = 0;  
        
                            }  
        
                            info.ClickCount++;  
        
                            element.RaiseEvent(new ClickEventArgs(ClickEvent, element, info.ClickCount));  
        
                            info.LastClickTime = DateTime.Now;  
        
                        }  
        
                        SetClickInfo(element, info);  
        
                    }

The element variable is cast like a FrameworkElement. But Framewor element has no RaiseEvent method. This method is defined in DependencyObjectExtensions. What is this class? How this class is used? Where is used? In XAML?

Thank you very much.

Tom

answered on 15 Feb 2010, 09:36 AM

Hi tomas,

The RaiseEvent extension method defined there is an extension method for the Telerik Routed events.

The Telerik routed events have been around since SL 2 in the Telerik controls and they have proved very useful. Since we cannot define and raise events using the MS routed event manager we are still using the Telerik implementation in Silverlight. (We do not have it in WPF since the routed events there are much more open).

Our routed events should work just as the MS routed events in WPF.

The DependencyObjectExtensions class exists because we created the Add/RemoveHandler() extension methods that allows registering for events in an easy WPF-code-compatible way.

The AddHandler extension method works for the Telerik routed events in the same way as the UIElement.AddHanlder method for the built-in events.

All the best,
Miroslav
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 15 Feb 2010, 11:53 AM

Hi tomas,

To use the extension methods in code you need to have the

using Telerik.Windows;

in your code because this is the namespace of the DependencyObjectExtensions class. The extension methods will work on any dependency object and are available whenever you include this namespace. This is similar to the System.Linq extensions on the IEnumerable<T> which are visible only when you include this namespace.

Greetings,
Miroslav
the Telerik team

answered on 19 Feb 2010, 07:57 PM

Hello Miro.

I am currently inspecting DataTemplateProvider.xaml. It contains also this template:

    
            <DataTemplate x:Key="DragCueTemplate">  
        
                        <Grid Width="150">  
        
                            <Grid.RowDefinitions> 
        
                                <RowDefinition /> 
        
                                <RowDefinition /> 
        
                            </Grid.RowDefinitions> 
        
                            <Border CornerRadius="6" BorderThickness="1" Grid.Row="2" 
        
                                    Background="#FFFFFFFF">  
        
                                <Border.BorderBrush> 
        
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">  
        
                                        <GradientStop Color="#FFA3AEB9" Offset="0" /> 
        
                                        <GradientStop Color="#FF8399A9" Offset="0.375" /> 
        
                                        <GradientStop Color="#FF718597" Offset="0.375" /> 
        
                                        <GradientStop Color="#FF617584" Offset="1" /> 
        
                                    </LinearGradientBrush> 
        
                                </Border.BorderBrush> 
        
                                <Border BorderBrush="#FFFFFFFF" BorderThickness="1" 
        
                                        CornerRadius="5" Background="#FFF7F8FA" 
        
                                        Padding="3 0 3 0">  
        
                                    <StackPanel Margin="4 15 4 4">  
        
                                        <!--Image and message--> 
        
                                        <TextBlock VerticalAlignment="Center" 
        
                                                HorizontalAlignment="Center" 
        
                                                Text="{Binding Message, Converter={StaticResource DefaultValue}, ConverterParameter='Drag and Discover Actions'}" 
        
                                                TextWrapping="Wrap" TextAlignment="Center" 
        
                                                FontWeight="Bold" /> 
        
                                        <StackPanel Orientation="Horizontal" 
        
                                                Margin="0 4 0 0">  
        
                                            <ItemsControl  
        
                                                    ItemsSource="{Binding ApprovedDrops}" 
        
                                                    Width="16" 
        
                                                    ItemTemplate="{StaticResource DragDropApprovalIconsTemplate}" /> 
        
                                            <telerik:ItemsControl  
        
                                                    ItemsSource="{Binding DraggedItems}" 
        
                                                    Margin="3 0 0 0" 
        
                                                    ItemTemplateSelector="{StaticResource DefaultDataTemplates}" /> 
        
                                        </StackPanel> 
        
                                    </StackPanel> 
        
                                </Border> 
        
                            </Border> 
        
                            <Image  
        
                                    Source="{Binding IconPath, Converter={StaticResource DefaultValue}, ConverterParameter=/Images/DragInfoIcon.png}" 
        
                                    Width="48" Height="48" HorizontalAlignment="Center" 
        
                                    Margin="0 0 0 -15" /> 
        
                        </Grid> 
        
                    </DataTemplate>

I can see you are using original Silverlight ItemsControl and also TelerikItemsControl. What is the difference between them, please? Why do you do so?

Thank you very much.

Tom

answered on 25 Feb 2010, 10:19 AM

Hello Tomas,

The Telerik ItemsControl is an extension of the MS ItemsControl and adds the following:

- ItemContainerStyle
- ItemContainerStyleSelector
- ItemTemplateSelector (which I needed in the example)
- ContainerBindings, which work similarly to the StyleBindigns in WPF

The TelerikControl also "understands" HeaderedContentControls and HeaderedItemsControls when they are its containers and treats them a bit differently (as in WPF). This items control also works with HierarchicalDataTemplates and is very flexible, as outlined here:

http://www.telerik.com/help/silverlight/radtreeview-templating-hierarchical-data-templates.html

As for your question "How can I drag more than one but at once"

If I understand you correctly, you are trying to start dragging more than one item at once. Since you can put anything in the Payload of a DragDrop, you can put a collection of items there instead of a single item - for example these can be the SelectedItems of a control rather than its SelectedItem.

Regards,
Miroslav
the Telerik team

answered on 25 Feb 2010, 12:04 PM

Hi Krishnan Rajah,

The BugTracker takes a different view on data. Instead of having many collections of data around the application, you have the "root" collections of data that contain all entities of a certain type.

Then the data that is displayed in the application is "shaped" with the bindable linq library.

This means that if you want to add a team you need to add a team to the root collection.

The integration with a DB can happen over a web service. In such scenario retrieving all the available data may not be possible and there you have the question of which data to retrieve so that it will be enough to populate the views.

This retrieval may happen in the getter of the collection properties once, so that multiple calls to the web service will be avoided.

Regards,
Miroslav
the Telerik team

answered on 25 Feb 2010, 04:42 PM

Hi Miroslav,

Thanks for replying. I was able to add teams & members by adding add method to IBugTrackerDataSource.cs and implementation on DummyDataSource.cs. I hope by "root" collections you mean the following variables in DummyDataSource.cs

    
            private static IList<BugViewModel> bugs;  
        
            private static IList<TeamViewModel> teams;  
        
            private static IList<TeamMemberViewModel> members;  
        
            private static IList<BugStatusViewModel> statuses;

Regarding the DB access, am trying to use ADO.NET dataservice. If the collections are populated once, let say while initializing, how will the changes like adding new member would reflect in these collections. I can add the new data to the collection directly but there would be a question of the data failing to be updated in the DB. Since the data updates are asynchronous in Silverlight, how can this be handled. Would appreciate if you can give some examples(Web Service/ADO.NET Data Service) of the approach you are mentioning.

Thanks
Krishnan

answered on 26 Feb 2010, 01:51 PM

Hello Krishnan Rajah,

Yes, with "root" collections I meant these four collections.

The ADO.NET data service is a good choice in this case.

The question about how the collections should be updated is a classic choice that has to be made:
- 1. The "optimistic update" is the case where you immediately add the item on the user's side and call the web service. If it fails though you have to revert the change and notify the user.

2. - The "pessimistic update" is the case where the update on the client is done only after the service returns successfully.

I would be happy to update the example with a real web service but currently we are in the process of finalizing the Q1 release and updating this example with a real service will have a lower priority.

Greetings,
Miroslav
the Telerik team

answered on 03 Mar 2010, 08:51 PM

Hi Miroslav,

Thanks for the reply. Am trying to convince my client that using telerik silverlight control is a good choice. They want a working proof of concept with the database connectivity. So am trying my hand with the ADO.NET data service & the bug tracker application. I understand that your Q1 release is the priority, would appreciate if you can give pointers on how to integrate this app with database. I have created the schema with tables Bugs, Teams, Members & BugStatus with relationships. Also have added the Dataservice. Can u pls let me know how do i bind these into the bug tracker application.

Thanks
Krishnan

answered on 10 Mar 2010, 09:45 AM

bugtrackerdragdrop.zip

Hi Krishnan Rajah,

With the Q1 almost out of the door I can look into the BugTracker demo.

You can find what I have done yesterday attached.

Now there is an entity model and a data service that is consumed by the bug tracker.

I must admit I kind of cheated here because what I did was to reuse the classes generated by the WCF DataService as kind-of ViewModels. This combined with the self-tracking data service collections should make saving changes easier. The MVVM pattern will prescribe that the model stays completely separate but in this case there isn't much to be gained.

I guess to enable basic editing a 'Save' button needs to be added that will just save the data context.

Kind regards,
Miroslav
the Telerik team

answered on 16 Mar 2010, 05:46 PM

Hi Krishnan Rajah,

I tried converting the project for Silverlight 3.0 but I use a DataServiceCollection<T> which does not seem to be available for Silverlight 3.0. The DataServiceCollection has item tracking which means that it will listen for changes on the properties of its items and it will manage their relations.

The DataServiceCollections are generated in the service proxies as well so I am not sure that they can be converted easily. I could not find an equivalent for Silverlight 3.

Regards,
Miroslav
the Telerik team

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Bug Tracker Sample Application

27 Answers, 1 is accepted