Подтвердить что ты не робот

WPF GridView с динамическим определением

Я хочу использовать режим GridView ListView для отображения набора данных, которые моя программа будет получать от внешнего источника. Данные будут состоять из двух массивов, одного из имен столбцов и одного из значений строк для заполнения элемента управления.

Я не вижу, как создать подходящий класс, который я могу использовать в качестве элемента в ListView. Единственный способ, которым я знаю заполнить Элементы, - это установить его в класс со свойствами, которые представляют столбцы, но я не знаю столбцов перед временем выполнения.

Я мог бы создать ItemTemplate динамически, как описано в: Создать WPF ItemTemplate DYNAMICALLY во время выполнения, но по-прежнему оставляет меня в недоумении относительно того, как описывать фактические данные.

Любая помощь с благодарностью получила.

4b9b3361

Ответ 1

Вы можете добавить GridViewColumns в GridView динамически, учитывая первый массив, используя способ, подобный этому:

private void AddColumns(GridView gv, string[] columnNames)
{
    for (int i = 0; i < columnNames.Length; i++)
    {
        gv.Columns.Add(new GridViewColumn
        {
            Header = columnNames[i],
            DisplayMemberBinding = new Binding(String.Format("[{0}]", i))
        });
    }
}

Я предполагаю, что второй массив, содержащий значения, будет иметь длину ROWS * COLUMNS. В этом случае ваши элементы могут быть строковыми массивами длины COLUMNS. Вы можете использовать Array.Copy или LINQ для разделения массива. Принцип демонстрируется здесь:

<Grid>
    <Grid.Resources>
        <x:Array x:Key="data" Type="{x:Type sys:String[]}">
            <x:Array Type="{x:Type sys:String}">
                <sys:String>a</sys:String>
                <sys:String>b</sys:String>
                <sys:String>c</sys:String>
            </x:Array>
            <x:Array Type="{x:Type sys:String}">
                <sys:String>do</sys:String>
                <sys:String>re</sys:String>
                <sys:String>mi</sys:String>
            </x:Array>
        </x:Array>
    </Grid.Resources>
    <ListView ItemsSource="{StaticResource data}">
        <ListView.View>
            <GridView>
                <GridViewColumn DisplayMemberBinding="{Binding Path=[0]}" Header="column1"/>
                <GridViewColumn DisplayMemberBinding="{Binding Path=[1]}" Header="column2"/>
                <GridViewColumn DisplayMemberBinding="{Binding Path=[2]}" Header="column3"/>
            </GridView>
        </ListView.View>
    </ListView>
</Grid>

Ответ 2

Спасибо, это очень полезно.

Я использовал его для создания динамической версии следующим образом. Я создал заголовки столбцов, как вы предположили:

private void AddColumns(List<String> myColumns)
{
    GridView viewLayout = new GridView();
    for (int i = 0; i < myColumns.Count; i++)
    {
        viewLayout.Columns.Add(new GridViewColumn
        {
            Header = myColumns[i],
            DisplayMemberBinding = new Binding(String.Format("[{0}]", i))
        });
    }
    myListview.View = viewLayout;
}

Настройте ListView очень просто в XAML:

<ListView Name="myListview" DockPanel.Dock="Left"/>

Создал класс оболочки для ObservableCollection для хранения моих данных:

public class MyCollection : ObservableCollection<List<String>>
{
    public MyCollection()
        : base()
    {
    }
}

И связал мой ListView с ним:

results = new MyCollection();

Binding binding = new Binding();
binding.Source = results;
myListview.SetBinding(ListView.ItemsSourceProperty, binding);

Затем, чтобы заполнить его, это был просто случай очистки любых старых данных и добавления нового:

results.Clear();
List<String> details = new List<string>();
for (int ii=0; ii < externalDataCollection.Length; ii++)
{
    details.Add(externalDataCollection[ii]);
}
results.Add(details);

Возможно, есть более простые способы сделать это, но это очень полезно для моего приложения. Еще раз спасибо.

Ответ 4

Не уверен, что это все еще актуально, но я нашел способ стилизовать отдельные ячейки с помощью селектора celltemplate. Это немного взломанно, потому что вам нужно собраться с контентом ContentPresenter, чтобы получить соответствующий DataContext для ячейки (чтобы вы могли привязываться к фактическому элементу ячейки в шаблоне ячейки):

    public class DataMatrixCellTemplateSelectorWrapper : DataTemplateSelector
    {
        private readonly DataTemplateSelector _ActualSelector;
        private readonly string _ColumnName;
        private Dictionary<string, object> _OriginalRow;

        public DataMatrixCellTemplateSelectorWrapper(DataTemplateSelector actualSelector, string columnName)
        {
            _ActualSelector = actualSelector;
            _ColumnName = columnName;
        }

        public override DataTemplate SelectTemplate(object item, DependencyObject container)
        {
            // The item is basically the Content of the ContentPresenter.
            // In the DataMatrix binding case that is the dictionary containing the cell objects.
            // In order to be able to select a template based on the actual cell object and also
            // be able to bind to that object within the template we need to set the DataContext
            // of the template to the actual cell object. However after the template is selected
            // the ContentPresenter will set the DataContext of the template to the presenters
            // content. 
            // So in order to achieve what we want, we remember the original DataContext and then
            // change the ContentPresenter content to the actual cell object.
            // Therefor we need to remember the orginal DataContext otherwise in subsequent calls
            // we would get the first cell object.

            // remember old data context
            if (item is Dictionary<string, object>)
            {
                _OriginalRow = item as Dictionary<string, object>;
            }

            if (_OriginalRow == null)
                return null;

            // get the actual cell object
            var obj = _OriginalRow[_ColumnName];

            // select the template based on the cell object
            var template = _ActualSelector.SelectTemplate(obj, container);

            // find the presenter and change the content to the cell object so that it will become
            // the data context of the template
            var presenter = WpfUtils.GetFirstParentForChild<ContentPresenter>(container);
            if (presenter != null)
            {
                presenter.Content = obj;
            }

            return template;
        }
    }

Примечание. Я изменил DataMatrix из статьи CodeProject, так что строки являются словарями (ColumnName → Cell Object).

Я не могу гарантировать, что это решение не сломает что-то или не сломается в будущем .Net release. Он полагается на то, что ContentPresenter устанавливает DataContext после того, как он выбрал шаблон для своего собственного Контента. (Отражатель помогает в таких случаях:))

При создании GridColumns я делаю что-то вроде этого:

           var column = new GridViewColumn
                          {
                              Header = col.Name,
                              HeaderTemplate = gridView.ColumnHeaderTemplate
                          };
            if (listView.CellTemplateSelector != null)
            {
                column.CellTemplateSelector = new DataMatrixCellTemplateSelectorWrapper(listView.CellTemplateSelector, col.Name);
            }
            else
            {
                column.DisplayMemberBinding = new Binding(string.Format("[{0}]", col.Name));
            }
            gridView.Columns.Add(column);

Примечание. У меня есть расширенный ListView, так что у него есть свойство CellTemplateSelector, с которым вы можете привязываться в xaml

@Edit 15/03/2011: Я написал небольшую статью, в которой прилагается небольшой демонстрационный проект: http://codesilence.wordpress.com/2011/03/15/listview-with-dynamic-columns/

Ответ 5

Полностью прогматичная версия:

        var view = grid.View as GridView;
        view.Columns.Clear();
        int count=0;
        foreach (var column in ViewModel.GridData.Columns)
        {
            //Create Column
            var nc = new GridViewColumn();
            nc.Header = column.Field;
            nc.Width = column.Width;
            //Create template
            nc.CellTemplate = new DataTemplate();
            var factory = new FrameworkElementFactory(typeof(System.Windows.Controls.Border));
            var tbf = new FrameworkElementFactory(typeof(System.Windows.Controls.TextBlock));

            factory.AppendChild(tbf);
            factory.SetValue(System.Windows.Controls.Border.BorderThicknessProperty, new Thickness(0,0,1,1));
            factory.SetValue(System.Windows.Controls.Border.MarginProperty, new Thickness(-7,0,-7,0));
            factory.SetValue(System.Windows.Controls.Border.BorderBrushProperty, Brushes.LightGray);
            tbf.SetValue(System.Windows.Controls.TextBlock.MarginProperty, new Thickness(6,2,6,2));
            tbf.SetValue(System.Windows.Controls.TextBlock.HorizontalAlignmentProperty, column.Alignment);

            //Bind field
            tbf.SetBinding(System.Windows.Controls.TextBlock.TextProperty, new Binding(){Converter = new GridCellConverter(), ConverterParameter=column.BindingField});
            nc.CellTemplate.VisualTree = factory;

            view.Columns.Add(nc);
            count++;
        }

Ответ 6

Я хотел бы сделать это, добавив AttachedProperty в GridView, где мое приложение MVVM может указывать столбцы (и, возможно, некоторые дополнительные метаданные). Затем код поведения может динамически работать с объектом GridView для создания столбцов. Таким образом, вы придерживаетесь MVVM, и ViewModel может указывать столбцы "на лету".