RadTaskBoard
accepts
CollectionViewSource
as data source and it will evaluate its
GroupDescriptions
and generate corresponding columns based on that.
The following tutorial will guide you how to bind a
RadTaskBoard
to a CollectionViewSource of
TaskBoardCardModel
.
First, we will initialize a CollectionViewSource, which is going to be used to populate the RadTaskBoard control. Next, we can create our data and set
PropertyGroupDescription
to the State property. This property will be used to group the
CollectionViewSource
.
Example 1: Creating ViewModel
public class MainViewModel
{
public CollectionViewSource CollectionView { get; set; }
public MainViewModel()
{
CollectionView = new CollectionViewSource() { Source = GetTasks()};
CollectionView.GroupDescriptions.Add(new PropertyGroupDescription("State"));
}
public ObservableCollection<TaskBoardCardModel> GetTasks()
{
ObservableCollection<TaskBoardCardModel> tasks = new ObservableCollection<TaskBoardCardModel>();
TaskBoardCardModel task = new TaskBoardCardModel()
{
Assignee = "Bella",
Title = "RadDocking: Unit Test",
Description = "Add Unit Tests",
State = "Not Done",
CategoryName = "Low",
IconPath= @"/Project_NameSpace;component/Images/Bella.jpg",
ShowIndicatorColor= true,
};
task.Tags.Add("Important");
task.Tags.Add(2);
task.Tags.Add(DateTime.Now);
tasks.Add(task);
task = new TaskBoardCardModel()
{
Assignee = "Tomas",
Title = "RadPanelBar: IsExpanded property is not respected",
Description = "Fix Bug",
State = "In Progress",
CategoryName = "Medium",
IconPath= @"/Project_NameSpace;component/Images/Tomas.jpg",
ShowIndicatorColor= false,
};
task.Tags.Add("R1");
tasks.Add(task);
task = new TaskBoardCardModel()
{
Assignee = "Peter",
Title = "RadChartView: Implement Animation Feature",
Description = "Implement animmations for all series in RadChartView.",
State = "Done",
CategoryName = "High"
IconPath= @"/Project_NameSpace;component/Images/Peter.jpg",
ShowIndicatorColor= true,
};
task.Tags.Add("Complex");
tasks.Add(task);
return tasks;
}
}
What's left is to set the DataContext of the Window and declare RadTaskBoard control in XAML.
You don't need to set the GroupMemberPath property of the RadTaskBoard when the control's ItemsSource is bound to a CollectionViewSource collection. The first PropertyGroupDescription will be used by the RadTaskBoard to group the items.
Example 3: Set the ViewModel as DataContext
public MainWindow()
{
InitializeComponent();
this.DataContext = new MainViewModel();
}
The CategoryCollection and CategoryModel class can be accessed in XAML through the following namespace:
xmlns:taskBoard="clr-namespace:Telerik.Windows.Controls.TaskBoard;assembly=Telerik.Windows.Controls"
Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See
Trademarks
for appropriate markings.
