Sorting the inner items of grouped items in descending order

[Aditya Murthy]

HI Team,

I have a requirement where i need to group a list of items in a list view based on date and then sort them descending order

The grouped item as a whole is sorting in descending but the inner items inside the grouped objects are not sorting in descending.

Need help on this asap.

Thanks,

Aditya

[Sowmiya Padmanaban]

Hi Aditya Murthy,  

 

Greetings from Syncfusion support. 

 

We have checked your requirement with ListView component. You can achieve your requirement by using SortOrder property of ListView component. 

 

Refer the below code snippet. 

 

  <ejs-listview 

    id="listview" 

    [dataSource]="data" 

    [sortOrder]="sortOrder" 

    [fields]="fields" 

    [headerTitle]="headerTitle" 

    [showIcon]="true" 

    [showHeader]="true" 

  ></ejs-listview> 

  public fields: { [key: string]: string } = { 

    iconCss: "icon", 

    tooltip: "text", 

    groupBy: "category" 

  }; 

 

  public sortOrder: string = "Descending"; 

 

Refer the sample link below. 

 

https://stackblitz.com/edit/angular-nbyptc-lrtoyq?file=app.component.ts 

 

Refer to the below links to know more about the ListView component. 

 

UG Documentation- https://ej2.syncfusion.com/angular/documentation/listview/grouping/  

 

Demo link- https://ej2.syncfusion.com/angular/demos/#/material/listview/nested-list  

 

API reference- https://ej2.syncfusion.com/angular/documentation/api/list-view/#sortorder 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P 

[Aditya Murthy]

Hi Aditya Murthy,  

 

Greetings from Syncfusion support. 

 

We have checked your requirement with ListView component. You can achieve your requirement by using SortOrder property of ListView component. 

 

Refer the below code snippet. 

 

  <ejs-listview 

    id="listview" 

    [dataSource]="data" 

    [sortOrder]="sortOrder" 

    [fields]="fields" 

    [headerTitle]="headerTitle" 

    [showIcon]="true" 

    [showHeader]="true" 

  ></ejs-listview> 

  public fields: { [key: string]: string } = { 

    iconCss: "icon", 

    tooltip: "text", 

    groupBy: "category" 

  }; 

 

  public sortOrder: string = "Descending"; 

 

Refer the sample link below. 

 

https://stackblitz.com/edit/angular-nbyptc-lrtoyq?file=app.component.ts 

 

Refer to the below links to know more about the ListView component. 

 

UG Documentation- https://ej2.syncfusion.com/angular/documentation/listview/grouping/  

 

Demo link- https://ej2.syncfusion.com/angular/demos/#/material/listview/nested-list  

 

API reference- https://ej2.syncfusion.com/angular/documentation/api/list-view/#sortorder 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P 

This helped me a lot and the solution worked 

Thanks,

Aditya

[Sowmiya Padmanaban]

Hi Aditya,  

  

Most Welcome. We are happy to hear that your problem has been resolved. Please contact us, if you need any help from us. 

  

Regards,  

Sowmiya.P