dir.by  
Программирование, разработка, тестирование
WPF. Windows Presentation Foundation (отдельное приложение exe файл)
Пример "DataGrid делаем сортировку колонки по своему алгоритму (Custom Sort)" | WPF приложение
  Посмотрели 6365 раз(а)    
 Пример "DataGrid делаем сортировку колонки по своему алгоритму (Custom Sort)" | WPF приложение 
последнее обновление: 7 марта 2021
Шаг 1. Создаем новый проект
Шаг 2. Добавим DataGrid в xaml файл
Новые строчки выделениы синим цветом
  Файл MainWindow.xaml
<Window x:Class="WpfDataGridCustomSort.MainWindow"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
          xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
          xmlns:local="clr-namespace:WpfDataGridCustomSort"
          mc:Ignorable="d"
          Title="MainWindow" Height="450" Width="800">
     <Grid>

          <DataGrid x:Name="MyGrid"
               AutoGenerateColumns="False"
               ItemsSource="{Binding MyData}"
               HorizontalContentAlignment="Stretch"
               VerticalContentAlignment="Stretch"
               FontFamily="Gisha" FontSize="20">


               <DataGrid.Columns>
                    <DataGridTextColumn Header="Customer" Binding="{Binding Customer}" />
                    <DataGridTextColumn Header="Item" Binding="{Binding Item}"/>
                    <DataGridTextColumn Header="Price" Binding="{Binding Price}"/>
               </DataGrid.Columns>

          </DataGrid>

     </Grid>
</Window>
Шаг 3. Добавим код в MainWindow.xaml.cs файл
  C#     Файл MainWindow.xaml.cs
using System.Collections;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;

namespace WpfDataGridCustomSort
{
     public class MyShop
     {
          public string Customer { get; set; }
          public string Item { get; set; }
          public string Price { get; set; }
     }

     public partial class MainWindow : Window
     {
          public ObservableCollection<MyShop> MyData { get; set; }

          public MainWindow()
          {
               InitializeComponent();

               // for binding
               this.DataContext = this;

               // data for grid
               MyData = new ObservableCollection<MyShop>()
               {
                         new MyShop() {Customer="ACME", Item="Widget", Price="RUB:100"},
                         new MyShop() {Customer="ACME", Item="Widget", Price="EURO:100"},
                         new MyShop() {Customer="ACME", Item="Tyre", Price="RUB:200"},
                         new MyShop() {Customer="Amazon", Item="Pen", Price="EURO:50"},
                         new MyShop() {Customer="Amazon", Item="Paper", Price="RUB:20"},
                         new MyShop() {Customer="Autodesk", Item="CAD", Price="DOLLARS:10"},
                         new MyShop() {Customer="Autodesk", Item="File", Price="RUB:40"},
                         new MyShop() {Customer="ABC", Item="Flowers", Price="DOLLARS:503"},
                         new MyShop() {Customer="ABC", Item="Sand", Price="DOLLARS:50"}
               };

               // sorting
               MyGrid.Sorting += new DataGridSortingEventHandler(CustomSorting);
          }

          void CustomSorting(object sender, System.Windows.Controls.DataGridSortingEventArgs e)
          {
               DataGridColumn column = e.Column;

               // custom sort for column
               if (column.SortMemberPath == "Price")
               {
                    // Prevent auto sorting
                    e.Handled = true;

                    // sort direction
                    column.SortDirection = (column.SortDirection != ListSortDirection.Ascending) ? ListSortDirection.Ascending : ListSortDirection.Descending;

                    // comparer
                    ListCollectionView lcv = (ListCollectionView)CollectionViewSource.GetDefaultView(MyGrid.ItemsSource);
                    IComparer comparer = new MyComparer(column.SortDirection.Value);
                    lcv.CustomSort = comparer;
               }
          }
     }
}
Шаг 4. Создадим новый файл MyComparer.cs и добавим код
  C#     Файл MyComparer.cs
using System;
using System.Collections;
using System.ComponentModel;
using System.Linq;

namespace WpfDataGridCustomSort
{
     public class MyComparer : IComparer
     {
          public MyComparer()
          {
          }

          public MyComparer(ListSortDirection sortDirection)
          {
               SortDirection = sortDirection;
          }

          public ListSortDirection SortDirection { get; set; }

          public int Compare(object obj1, object obj2)
          {
               string text1 = (obj1 as MyShop)?.Price;
               string text2 = (obj2 as MyShop)?.Price;
               if (text1 == null || text2 == null)
               {
                    return 0;
               }

               // find position 'i' where different symbols
               // example: text1 = "HD156"
               // example: text2 = "HD1789"
               // result: i = 3 ^
               var i = 0;
               while (i < text1.Length && i < text2.Length && text1[i] == text2[i])
               {
                    i++;
               }

               // make numbers (from position 'i' and until digit)
               // example: strNumber1 = "56" strNumber2 = "789"
               var strNumber1 = new string(text1.Substring(i).ToList().TakeWhile(c => Char.IsDigit(c)).ToArray());
               var strNumber2 = new string(text2.Substring(i).ToList().TakeWhile(c => Char.IsDigit(c)).ToArray());

               // compare as numbers
               if (int.TryParse(strNumber1, out var number1) && int.TryParse(strNumber2, out var number2))
               {
                    return SortDirection == ListSortDirection.Ascending ? number1.CompareTo(number2) : number2.CompareTo(number1);
               }

               // compare as strings
               return SortDirection == ListSortDirection.Ascending ? text1.CompareTo(text2) : text2.CompareTo(text1);
          }
     }
}
Шаг 5. Запускаем (Ctrl-F5 или Run)
Нажали на колонку Price и увидим что данные отсортировались по нашему алгоритму.
На заметку!
Если не использовать сортировку по нашему алгоритму.
То есть закоминтируем строчку:
  C#  
//MyGrid.Sorting += new DataGridSortingEventHandler(CustomSorting);
Скомпилируем программу и запустим.
Нажали на колонку Price и увидим что данные отсортировались по алгоритму который используется по умолчанию.
Скачать пример
WpfDataGridCustomSort.zip ...
размер: 250 kb
 
← Предыдущая тема
Как row DataGrid выделить цветом (сделать background) ? | C# WPF приложение
 
Следующая тема →
Пример портфолио сотрудников с описанием задач: "DataGrid внутри DataGrid используя RowDetailsTemplate" | WPF приложение
 
Ваши Отзывы ... комментарии ...
   
Вашe имя
Ваш комментарий (www ссылки может добавлять только залогиненный пользователь)

Экскурсии по Москве Экскурсии по Москве: пешеходные, автобусные и речные прогулки на любой вкус
  Объявления  
  Объявления  
 
WPF простое новое приложение
Создаем новое WPF приложение | C#
WPF layout
Делаем layout с DockPanel и StackPanel в WPF
События
Пример "Получаем координаты мыши при нажатии левой клавишей мыши на TextBlock"| координаты экрана и относительные координаты | C# WPF приложение
Пример "Получаем координаты мыши при нажатии левой клавишей мыши на Button"| координаты экрана и относительные координаты | C# WPF приложение
Пример "Получаем координаты мыши при нажатии левой клавишей мыши на Grid и рисуем линию"| C# WPF приложение
Пример "При двойном нажатии левой клавишей мыши на Grid показываем сообщение"| C# WPF приложение
WPF элементы
Label
Пример "Устанавливаем текст в Label" через c# код | WPF приложение
иконки FontAwesome
Пример "Показываю иконки, для иконки подключаю библиотеку fontawesome5" | C# WPF приложение
Пример "Делаю анимацию для иконки, библиотека fontawesome5" | C# WPF приложение
 
TextBlock
Пример "Устанавливаем текст в TextBlock используя Binding". Еще добавим двойной Bindning используя INotifyPropertyChanged | C# WPF приложение
Пример "Несколько TextBlock (показываем тексты) и делаем так чтобы при mouse move выделялся элемент где мышка (mouse over)" | C# WPF приложение
Пример "Получаем координаты мыши при нажатии левой клавишей мыши на TextBlock"| координаты экрана и относительные координаты | C# WPF приложение
Button
Пример "Получаем координаты мыши при нажатии левой клавишей мыши на Button"| координаты экрана и относительные координаты | C# WPF приложение
TextBox
Пример "Устанавливаем и получаем текст в TextBox используя Binding" | C# WPF приложение
Пример "Устанавливаем текст в TextBox" через c# код | WPF приложение
 
TextBox с Place Holder
Пример "Показываем Place Holder в TextBox" | WPF приложение
Пример "Показываем Place Holder с иконкой в TextBox", для иконки подключаю библиотеку fontawesome5 | WPF приложение
 
TextBox с проверкой текста (валидация)
Пример "Устанавливаем текст в TextBox используя Binding и делаем валидацию (если текст не правильный)" | C# WPF приложение
 
ComboBox
Пример "В ComboBox делаем редактирование текста. Получаем текст используя Binding" | C# WPF приложение
 
ItemsControl
Пример "ItemsControl, кнопка и обработчик нажатия" | WPF приложение
Grid
Что такое Grid в WPF
Как добавить RowDefinition, ColumnDefinition в Grid (мышкой в XAML design editor) | C# WPF приложение
В Grid добавляем vertical scrolling | WPF приложение
DataGrid
Пример "DataGrid делаем bind данных", кнопка и обработчик нажатия в DataGrid, выравнивание текста в DataGrid, scrolling | WPF приложение
Как сделать scrolling для DataGrid ? | C# WPF приложение
Scrolling для DataGrid (чтобы скролинг работал когда мы крутим колесо мышки и мышка находится вне scroll bar) | C# WPF приложение
Как выделить row цветом при нажатии на row мышкой (change background for selected row) в DataGrid ? | C# WPF приложение
Как row DataGrid выделить цветом (сделать background) ? | C# WPF приложение
Пример "DataGrid делаем сортировку колонки по своему алгоритму (Custom Sort)" | WPF приложение
DataGrid внутри DataGrid
Пример портфолио сотрудников с описанием задач: "DataGrid внутри DataGrid используя RowDetailsTemplate" | WPF приложение
 
ListView
Пример "В ListView расширяем колонку при добавлении данных (auto column width)" | WPF приложение
Пример "В ListView используем ItemTemplate DataTemplate" | WPF приложение
 
ScrollViewer
В Grid добавляем vertical scrolling | WPF приложение
Как сделать scrolling для DataGrid ? | C# WPF приложение
Scrolling для DataGrid (чтобы скролинг работал когда мы крутим колесо мышки и мышка находится вне scroll bar) | C# WPF приложение
Пример "Делаем ScrollBar меньше(больше) в ScrollViewer" | C# WPF приложение
Resource файл
Добавляем картинку (jpg, bmp, png) в проект и помечаем как Resource | C# WPF приложение
Image
В элементе Image показываем картинку (jpg, bmp, png) из Resource | C# WPF приложение
Выбираем картинку (jpg, bmp, png) из компьютера и показываем в элементе Image. Сохраняем картинку в базу данных | C# WPF приложение
Пример "В Image элементе делаем Binding для Source" | C# WPF приложение
Пример "Конвертируем текст base64 в картинку Bitmap и показываем в Image элементе" | C# WPF приложение
Пример "Открываем SVG файл и показываем картинку в Image элементе" | C# WPF приложение
 
Canvas
Пример "Создаем Canvas и рисуем картинку" C# WPF
Пример "Рисуем картинку с движением на Canvas" C# WPF
Пример "Рисуем картинку с движением и анимацией sprite на Canvas" C# WPF
 
Line
Рисуем Line (сплошная и штриховая линии) | C# WPF приложение
Пример "Создаем и рисуем линию при нажатии левой клавишей мыши на Grid"| Grid Line | C# WPF приложение
Конвертируем картинку в XAML Path Geometry
Конвертируем SVG в XAML(используя Adobe Illustrator), заполняем Path Data Geometry, показываем линии на экране | C# WPF приложение
Конвертируем SVG в XAML(используя Dias SVG to UWP XAML Converter), заполняем Path Data Geometry, показываем линии на экране | C# WPF приложение
Конвертируем PNG в SVG в XAML | C# WPF приложение
Converter SVG to XAML | WPF C#
Конвертируем XAML в SVG | C# WPF приложение
ViewBox
Пример "ViewBox делаем Binding для Left, Top, Width, Height, ContetnPresenter binding" | C# WPF приложение
Width by percentage
Разделить экран по вертикали (по ширине) на 2 равные части экран (width1 = 50%, width2 = 50%), используем Grid | C# WPF приложение
Разделить экран по вертикали (по ширине) на 2 части (width1 = 70%, width2 = 30%), используем Grid | C# WPF приложение
Пример "Устанавливаем ширину элемента в процентах от ширины родительского элемента" (width in percentage), пишем свой IValueConverter | C# WPF приложение
База данных (Entity Framework)
Entity Framework в приложении WPF. Используем Code First (пишем c# код, а таблицы в базе данных создаются сами)
Создаем свои WPF элементы
Пример "Создаем свой WPF элемент используя Style и новый xaml файл. Новый элемент это: вверху Title, внизу текст в рамке. Используем Binding | C# WPF приложение
Пример "Создаем свой новый WPF элемент со своими свойсвами в новом cs и xaml файлах. В WPF новом элементе: вверху Title, снизу текст и в рамке | C# WPF приложение
WPF приложение с библиотекой Prism (MVVM шаблон проектирования)
Создаем новое WPF приложение с Prism Unity (разделение проекта на папки Services, Views, ViewModels). Патерн MVVM (Model-View-ViewModel) | C#
WPF приложение с Prism Unity. В приложении Tab и разделения на отдельные xaml используя Region.
WPF приложение с Locator (MVVM шаблон проектирования)
Создаем новое WPF приложение с Locator (разделение проекта на папки Views, ViewModels)
Как добавить Dependency Injection, загрузку из appsettings.json в новом WPF приложении ?
Автоматические тесты
Пишем автоматический тест для WPF C# приложения (используем Nuget.Appium и свойство AutomationProperties.AutomationId)
Вопросы на собеседованиях
В чем отличие static resource от dynamic resource ? | WPF C#
Дополнительные темы, вопросы
Открываем окно свойств (properties) для графического элемента в WPF приложении C#
Ошибки
Ошибка "To run this application, you must install .NET. Would you like to download it now?" | Запускаю WPF приложение на C#
Книги
Книги для изучения WPF

  Ваши вопросы присылайте по почте: info@dir.by  
Яндекс.Метрика