在WPF中使用列排序的ListView

时间:2016-01-09 02:23:13

标签: c# wpf xaml mvvm

这实际上是一个通用的ListView,可以在应用程序的许多部分中看到不同的数据(我不知道它将包含哪些数据以及它将包含多少列),现在它可以很好地工作,但是用户应该能够通过单击ListView控件的标题对每列进行排序,并且我不知道如何添加该排序功能。

这是XAML代码:

<entityList:EntityList 
    Name="EntityList"
    BorderBrush="DarkSlateBlue"
    Visibility="{Binding IsResultsGridVisible, Converter={x:Static converters:BoolToVisibility.Instance}}"                                        
    ItemsSource="{Binding SearchEntities}"                           
    Style="{StaticResource EntityListStyle}"
    ItemsNumber="50"
    View="{Binding ColumnConfig, Converter={ x:Static converters:ConfigToGridViewConverter.Instance}}">
</entityList:EntityList>

这是C#代码:

internal class ConfigToGridViewConverter : IValueConverter
{
    public static readonly ConfigToGridViewConverter Instance = new ConfigToGridViewConverter();

    private ConfigToGridViewConverter()
    {
    }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var config = value as ColumnConfig;
        var gridView = new GridView { AllowsColumnReorder = true };

        if (config == null)
        {
            return gridView;
        }

        foreach (var colCfg in config.Columns)
        {
            var binding = new Binding(colCfg.DataField);
            switch (colCfg.Type)
            {
                case AttributeType.Enumerated:
                    if (colCfg.CodeListType != null)
                    {
                        binding.Converter = CodeListIdToDisplayNameConverter.Instance;
                        binding.ConverterParameter = colCfg.CodeListType.Value;
                    }

                    break;

                case AttributeType.Boolean:
                    binding.Converter = BooleanWithUndefinedToLocalisedStringConverter.Instance;
                    break;

                case AttributeType.Date:
                    binding.Converter = DateToShortLocalisedStringConverter.Instance;
                    break;
            }

            var col = new GridViewColumn
            {
                Header = colCfg.Header, // Column headers will need to be localised either when initializing config or at GridView creation time
                DisplayMemberBinding = binding,

            };

            gridView.Columns.Add(col);
        }

        return gridView;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

任何想法我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

  1. 设置GridViewColumnHeader,如下所示:

    <GridViewColumn DisplayMemberBinding="{Binding Address}">
       <GridViewColumnHeader Content="Address" Click="GridViewColumnHeader_Click"/>
    </GridViewColumn>
    

    代码隐藏

      private void GridViewColumnHeader_Click(object sender, RoutedEventArgs e)
        {
            GridViewColumnHeader colHeader = (GridViewColumnHeader)e.OriginalSource;
            string colName = colHeader.Content.ToString();
    
            CollectionView view = (CollectionView)CollectionViewSource.GetDefaultView(LstView.ItemsSource);
            view.SortDescriptions.Add(new SortDescription(colName, ListSortDirection.Ascending));
    
            view.Refresh();
        }
    
  2. 指定HeaderTemplate,以便您可以处理MouseDownEvent

                                                                     

  3. 然后你必须使用CollectionViewSource

     private void TextBlock_MouseDown(object sender, MouseButtonEventArgs e)
     {
         string colName = ((TextBlock)sender).Text.ToString();
         CollectionView view = (CollectionView)CollectionViewSource.GetDefaultView(LstView.ItemsSource);
         view.SortDescriptions.Add(new SortDescription(colName, ListSortDirection.Ascending));
    
         view.Refresh();
     }
    

    动态添加列:

                GridView view = (GridView)LstView.View;
                GridViewColumnHeader colHeader = new GridViewColumnHeader() { Content = "Name" };
                colHeader.Click += colHeader_Click;
                view.Columns.Add(new GridViewColumn()
                {
                    DisplayMemberBinding = new Binding("Name"),
                    Header = colHeader
                });