带有列标题的 gridview 的 viewmodel c#

Question

我需要一个解决方案。

我需要为网格视图创建一个视图模型。该视图模型应该是强类型的。前任。

List<Person> lstPersons=new List<Person>();

像这样的东西。另外，这样我应该能够拥有自定义列标题名称。我可以通过启用 AutoGenerateColumns="True" 来进行数据注释 像

class Person
{
      [DisplayName("Person Name")]
      public string name { get; set; }
}

这样的东西。但我对此有两个问题。

1. 我不知道如何在运行时更改此显示名称。

2. 我正在使用 telerik RADGridView。当我使用 AutoGenerateColumns="True" 和 ShowColumnFooters="True" 时，整个 UI 都会卡住。我认为这是 Telerik 控件的错误。因此，我必须在 XAML 中定义所有列，并为每个列添加绑定路径。

无论如何，我认为这对于 DataTable 是可能的。但我觉得数据表是非常古老的结构和沉重的对象。

如何创建 Viewmodel 来实现这一目标？有什么建议吗？

如有任何问题，请随时提出。我不确定上面的描述是否每个人都清楚。

Answer 1

您可以继续在模型上使用 DisplayName 属性，但正如您所指出的，无法在运行时更改它。为此，请在 ViewModel 中实现一个字典，该字典填充

public PeopleGridViewModel
{
    public ObservableCollection<Person> People;
    public Dictionary<string, string> PersonColumnHeaders;

    public PeopleGridViewModel()
    {
        // 1. write C# here to snag the property names from the typeof(Person)
        // 2. get the DisplayName attribute value for that property too.
        // 3. add the propertyName.ToString() and the DisplayName string to the dictionary as a key/value pair.

        // the result is you have a collection of column headers that start with the defaults from the propertys on the object... but they can be manipulated at run-time, and you don't havem them 100% hard typed like in adcool's example.
    }
}

我认为显示列页脚交易是 Telerik 问题，正如您所建议的那样。

Answer 2

试试这个关于数据绑定列标题的讨论 。

Answer 3

我假设您想要显示的列是固定的......所以您的 ViewModel 将类似于

 class MyViewModel
 {
      //Implement Properties nad proper binding in Xaml and INotifyPropertyChanged for every property that you need on View Level
      ObservableCollection<Persons> persons;
      string columnheader1;
      string columnheader2;
      string columnheader3;

 }

XAML

        <telerik:RadGridView.Columns> 

            <telerik:GridViewDataColumn   DataMemberBinding="{Binding UserName}" Width="200">

                <telerik:GridViewDataColumn.Header> 

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

                </telerik:GridViewDataColumn.Header> 

                </telerik:GridViewDataColumn> 

            <telerik:GridViewDataColumn Header="{Binding Columnheader2}" DataMemberBinding="{Binding IsOnline}" MinWidth="200" Width="*"/> 

            <telerik:GridViewDataColumn Header="{Binding Columnheader3}" DataMemberBinding="{Binding LastActivityDate}" MinWidth="200"/> 

        </telerik:RadGridView.Columns> 

这可能会成功......:)