Custom Sort in WPF DataGrid using MVVM

Question

I have a datagrid that is bound to a collection of my ViewModel. One of its column has values that are very specific to business requirements. On this column it can contain an alphanumeric characters.

For example I can have column values A1,A20,AA,AA12,AAA. Now I want to custom sort this values, say I want the anything with most letters should go first or etchetera. There is a default sorting with DataGrid but only do normal sorting.

My question is how would you implement this through MVVM? We can get away with this through subscribing to an event in code behind and re arrange the whole collection. However this is not what I want, I am looking for suggestions or solutions on how to approach this.

I found this link Sorting on datagrid column with binded data and converter that is attaching a property for a DataGrid but what I want to do is to attach a property to be updated every time a user click on this column. Is it possible to attach a property in a DataGrid Column?

Possible duplicate of : Sorting on datagrid column with binded data and converter but this is not using MVVM.

Questions, is your datagrid auto generating the columns? Are you using DataGridText columns? The short answer is to set the column's sort path to a property which is not displayed, and it will sort according to your customized requirements. But you didn't give enough info to tell — Gayot Fow
Thanks for asking, my columns are not autogenerated and yes I am using DataGridText columns. — Jepoy_D_Learner
Hi Garry, apologized i did not get back this. If you repost the solution you added before I will be able to mark that as an answer. — Jepoy_D_Learner
Hi, I have undeleted it. Let's hope it solves your question. If not, shout. — Gayot Fow

Gayot Fow Gayot Fow · Accepted Answer · 2013-06-20T23:11:20

There are several strategies, but the most immediately accessible is to set up a DataGrid something like this...

<DataGrid ItemsSource="{Binding DriveList}" AutoGenerateColumns="False" >
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding Name}" SortMemberPath="DriveType"/>
    </DataGrid.Columns>
</DataGrid>

This example shows the grid binding to a list of drives on the host machine. The first column shows the information is bound to the property 'Name'. BUT when you click the column header, it will sort on a property which is not displayed, 'DriveType'. Strange example, but it works fine.

So in your app, you would amend your collection items to include a property that is not displayed, and populate it with values according to what you want. In the example in your question, you might use something like...

MySortString = MyName.ToString().Length;

And that will cause the sort to do what you are looking for, i.e., the longest value of 'MyName' will be first with shorter values after that. You have to repopulate 'MySortString' property every time you change sort methods or reload your data source.

This strategy is MVVM compliant because all you are doing in the VM is populating an additional property. Plus you can unit test it immediatly with Nunit or whatever.

Custom Sort in WPF DataGrid using MVVM

2 Answers