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

dynamic binding on a treelistview loses column filter

5 Answers 92 Views

TreeListView

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

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

Grant asked on 28 Apr 2011, 07:01 AM

Hi,

I tried to bind columns dynamically using a dictionary. The data binds ok but it loses all the column filters, I did set column.IsFilterabe = true and column.IsSortable = true.

I have attached a demo project. In the project I added a method call AddColumns() to bind new columns to the treelistview. But all binded new columns lost the filter and sorting functions. Please help.

FolderListViewModel (the parent list viewmodel)

public class FolderListViewModel { public FolderListViewModel() { ObservableCollection<FolderViewModel> folders = new ObservableCollection<FolderViewModel>(); for (int i = 0; i < 10; i++) { folders.Add(new FolderViewModel("Parent" + i.ToString(), false)); } Items = folders; } public ObservableCollection<FolderViewModel> Items { get; set; } public Dictionary<string, string> TemplateNames { get { Dictionary<string, string> names = new Dictionary<string, string>(); names.Add("1", "Email"); names.Add("2", "Gender"); names.Add("3", "DOB"); return names; } } }

FolderViewModel (the child list viewmodel)

public class FolderViewModel { private string name; private bool isEmpty; private ObservableCollection<FolderViewModel> items; public FolderViewModel(string name,bool IsEmpty) { this.Name = name; this.Items = new ObservableCollection<FolderViewModel>(); } public string Name { get { return this.name; } private set { this.name = value; } } public bool IsEmpty { get { return this.isEmpty; } private set { this.isEmpty = value; } } public Dictionary<string, string> TemplateValues { get { Dictionary<string, string> values = new Dictionary<string, string>(); values.Add("1", "hello@aaa"); values.Add("2", "Male"); values.Add("3", "19821011"); return values; } } public ObservableCollection<FolderViewModel> Items { get { return this.items; } private set { this.items = value; } } public void LoadChildren() { List<FolderViewModel> folders = new List<FolderViewModel>(); for (int i = 0; i < 10; i++) { folders.Add(new FolderViewModel("AA" + i.ToString(), false)); } foreach (FolderViewModel folder in folders) { this.Items.Add(folder); } } }

I extend the treelistview and named as ExtendedRadTreeListView

public class ExtendedRadTreeListView : RadTreeListView { public Dictionary<string, string> TemplateFields { get; set; } public void AddColumns() { foreach (KeyValuePair<string, string> field in TemplateFields) { GridViewDataColumn column = new GridViewDataColumn(); column.Header = field.Value;<br

>                Binding bind = new Binding(String.Format("TemplateValues[{0}]",field.Key));        <

br> //string bindPath = "OwnerName"; //bind.Converter = new TemplateFormFieldIdToValueConverter(); //bind.ConverterParameter = field; bind.Mode = BindingMode.TwoWay; column.DataMemberBinding = bind; column.Width = new GridViewLength(0, GridViewLengthUnitType.Auto); column.IsFilterable = true; column.IsSortable = true; this.Columns.Add(column); } this.UpdateLayout(); } }

xaml: grid

Grid x:Name="LayoutRoot" Background="White" Loaded="LayoutRoot_Loaded"> <controls:ExtendedRadTreeListView x:Name="RadTreeListView1" RowLoaded="RadTreeListView1_RowLoaded"

<br>                                 AutoGenerateColumns="False" RowIsExpandedChanging="RadTreeListView1_RowIsExpandedChanging" CanUserFreezeColumns="False"<

br> IsReadOnly="True" > <telerik:RadTreeListView.ChildTableDefinitions> <telerik:TreeListViewTableDefinition ItemsSource="{Binding Items}" /> </telerik:RadTreeListView.ChildTableDefinitions> <telerik:RadTreeListView.Columns> <telerik:GridViewDataColumn Header="Name" DataMemberBinding="{Binding Name}"/> </telerik:RadTreeListView.Columns> </controls:ExtendedRadTreeListView> </Grid>

in the xaml, i called the method :
this.RadTreeListView1.AddColumns();

Xmal.cs

public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); } private void LayoutRoot_Loaded(object sender, RoutedEventArgs e) { FolderListViewModel folders = new FolderListViewModel(); this.RadTreeListView1.ItemsSource = folders.Items; this.RadTreeListView1.TemplateFields = folders.TemplateNames; this.RadTreeListView1.AddColumns(); } private void RadTreeListView1_RowLoaded(object sender, RowLoadedEventArgs e) { FolderViewModel folder = e.DataElement as FolderViewModel; if (folder != null) { if (!folder.IsEmpty) { ((TreeListViewRow)e.Row).IsExpandable = true; } else { ((TreeListViewRow)e.Row).IsExpandable = false; } } } private void RadTreeListView1_RowIsExpandedChanging(object sender, RowCancelEventArgs e) { FolderViewModel folder = e.Row.Item as FolderViewModel; if (folder != null && folder.Items.Count() == 0) { folder.LoadChildren(); } } }

I think it might be a bug when binding dynamically. Could you have a look at my code and help me? Thanks

Wei

5 Answers, 1 is accepted

answered on 28 Apr 2011, 09:31 AM

SilverlightApplication27.zip

Hello Grant ,

Thank you for sharing these snippets with us! I have prepared an example for you based on these, however everything works fine by my side. May you please check the attached project and let me know how it differs from yours. Thus we would be able to provide you with an appropriate solution.

If you need any further assistance do not hesitate to contact us.

Kind regards,
Vanya Pavlova
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 29 Apr 2011, 12:58 AM

Hi,

Thanks for the reply. I have downloaded the project and tested it. I found out the AddColumns() method has been commented out.

That's why there are no new columns dynamically binded to the grid.

Please make sure you have the code below in the AddColumns() method.

foreach

(KeyValuePair<string, string> field in TemplateFields)

{

GridViewDataColumn column = new GridViewDataColumn(); column.Header = field.Value;

Binding bind = new Binding(String.Format("TemplateValues[{0}]", field.Key));

bind.Mode =

BindingMode.TwoWay;

column.DataMemberBinding = bind;

column.Width =

new GridViewLength(0, GridViewLengthUnitType.Auto);

column.IsFilterable =

true;

column.IsSortable =

true;

this.Columns.Add(column);

this.UpdateLayout();

}

"Name" column is binded through ItemSource. But the columns(such as Email, Gender, DOB) binded through AddColumns() are displaying without filter.

Thanks