在运行时动态创建WPF ItemTemplate

4

在运行时,我想要在WPF ListView中动态构建网格列(或其他显示布局)。我事先不知道列的数量和名称。

我想要能够执行以下操作:
MyListView.ItemSource = MyDataset;
MyListView.CreateColumns();

7个回答

3

2

来自MSDN:

    MyListBox.ItemsSource = view;
    ListView myListView = new ListView();

    GridView myGridView = new GridView();
    myGridView.AllowsColumnReorder = true;
    myGridView.ColumnHeaderToolTip = "Employee Information";

    GridViewColumn gvc1 = new GridViewColumn();
    gvc1.DisplayMemberBinding = new Binding("FirstName");
    gvc1.Header = "FirstName";
    gvc1.Width = 100;
    myGridView.Columns.Add(gvc1);
    GridViewColumn gvc2 = new GridViewColumn();
    gvc2.DisplayMemberBinding = new Binding("LastName");
    gvc2.Header = "Last Name";
    gvc2.Width = 100;
    myGridView.Columns.Add(gvc2);
    GridViewColumn gvc3 = new GridViewColumn();
    gvc3.DisplayMemberBinding = new Binding("EmployeeNumber");
    gvc3.Header = "Employee No.";
    gvc3.Width = 100;
    myGridView.Columns.Add(gvc3);

    //ItemsSource is ObservableCollection of EmployeeInfo objects
    myListView.ItemsSource = new myEmployees();
    myListView.View = myGridView;
    myStackPanel.Children.Add(myListView);

1
我会尝试以下方法:
A)你需要让列表框显示网格视图 - 我认为这个你已经做到了 B)为GridViewColumnHeader定义一个样式:
        <Style TargetType="{x:Type GridViewColumnHeader}" x:Key="gridViewColumnStyle">
            <EventSetter Event="Click" Handler="OnHeaderClicked"/>
            <EventSetter Event="Loaded" Handler="OnHeaderLoaded"/>
        </Style>

在我的情况下,我设置了许多其他属性,但在基本情况下-您需要Loaded事件。Clicked-如果您想要添加排序和过滤功能,则此选项很有用。

C)在您的listview代码中,将模板与gridview绑定:

    public MyListView()
    {
        InitializeComponent();
        GridView gridViewHeader = this.listView.View as GridView;
        System.Diagnostics.Debug.Assert(gridViewHeader != null, "Expected ListView.View should be GridView");
        if (null != gridViewHeader)
        {
            gridViewHeader.ColumnHeaderContainerStyle = (Style)this.FindResource("gridViewColumnStyle");
        }
    }

D)然后在你的OnHeaderLoaded处理程序中,可以根据列数据设置适当的模板

    void OnHeaderLoaded(object sender, RoutedEventArgs e)
    {
        GridViewColumnHeader header = (GridViewColumnHeader)sender;
        GridViewColumn column = header.Column;

//在此选择并应用您的数据模板。

        e.Handled = true;
    }

E)我猜您还需要获取ItemsSource依赖属性的所有权并处理它的更改事件。

            ListView.ItemsSourceProperty.AddOwner(typeof(MyListView), new PropertyMetadata(OnItemsSourceChanged));

        static void OnItemsSourceChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            MyListView view = (MyListView)sender;
            //do reflection to get column names and types
            //and for each column, add it to your grid view:
            GridViewColumn column = new GridViewColumn();
            //set column properties here...
            view.Columns.Add(column);
        }

GridViewColumn类本身并没有太多属性,因此您可能希望使用附加属性添加一些信息 - 比如唯一的列标签 - 标题很可能会用于本地化,您不会依靠它。

总的来说,即使相当复杂,这种方法也将允许您轻松扩展列表视图功能。


0

这个函数将会绑定列到指定的类,并动态设置标题、绑定、宽度和字符串格式。

private void AddListViewColumns<T>(GridView GvFOO)
    {
        foreach (System.Reflection.PropertyInfo property in typeof(T).GetProperties().Where(p => p.CanWrite)) //loop through the fields of the object
        {
            if (property.Name != "Id") //if you don't want to add the id in the list view
            {
                GridViewColumn gvc = new GridViewColumn(); //initialize the new column
                gvc.DisplayMemberBinding = new Binding(property.Name); // bind the column to the field
                if (property.PropertyType == typeof(DateTime)) { gvc.DisplayMemberBinding.StringFormat = "yyyy-MM-dd"; } //[optional] if you want to display dates only for DateTime data
                gvc.Header = property.Name; //set header name like the field name
                gvc.Width = (property.Name == "Description") ? 200 : 100; //set width dynamically
                GvFOO.Columns.Add(gvc); //add new column to the Gridview
            }
        }
    }

假设您在XAML中有一个Name="GvFoo"的GridView,您想将其绑定到一个名为FOO的类。然后,在MainWindow.xaml.cs的窗口加载时,您可以通过传递您的类“FOO”和GridView“GvFoo”作为参数来调用该函数。
AddLvTodoColumns<FOO>(GvFoo);

你的MainWindow.xaml文件应该包含以下内容

<ListView x:Name="LvFOO">
     <ListView.View>
          <GridView x:Name="GvTodos"/>
     </ListView.View>
 </ListView>

0
从经验上来说,如果可以避免的话,我建议不要使用动态数据模板...而是使用这里给出的建议明确地创建ListView列,而不是尝试动态创建DataTemplate。
原因是FrameworkElementFactory(或者在运行时生成DataTemplates的类名)使用起来有些笨拙(并且已被弃用,推荐使用XAML进行动态模板)-无论哪种方式都会影响性能。

0

使用DataTemplateSelector来选择预定义模板(相同数据类型)之一,并将选择器应用于ListView。您可以拥有许多具有不同列的DataTemplates。


我不知道列的数量或名称 - 这怎么会有帮助呢? - Peter

0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接