How to implements flex grid sorting in Angular 2+

How to implements flex grid sorting in Angular 2+

Posted by: rajesh.sakhamuri on 25 February 2020, 11:45 pm EST

• 

  rajesh.sakhamuri

  • Post Options:
  • Link
    Copy

  Posted 25 February 2020, 11:45 pm EST

  Hi,
  
  I am using Wijmo flex grid , When i click on the arrow indicater (▲) in grid column, then only sorting is happening. But click on other place in grid column header, sorting is not happening.

  <wj-flex-grid-column header=“Account Name” binding=“accountName” [wordWrap]=true [minWidth]=120 [maxWidth]=120>
  
  

  Can you please help on this issue…

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 26 February 2020, 4:00 pm EST

  Hi Rajesh,

  We are sorry but we were unable to replicate the issue at our end. Please refer to the sample link below that we used to replicate the issue:

  https://stackblitz.com/edit/angular-ns3qdu

  Can you please modify the sample so that it replicates the issue?

  Regards,
  
  Ashwin

• 

  rajesh.sakhamuri

  • Post Options:
  • Link
    Copy

  Posted 26 February 2020, 4:43 pm EST

  Hi Ashwin,
  
  I am using same code like above you have provided, but i don’t no why it’s not working.

  Scenario: When i have click on the arrow indicator (▲) symbol in grid column header, then only sorting is happening, but when i clicking on the other place in same column header, sorting is not working.

  <wj-flex-grid #flex [headersVisibility]=“‘Column’” [(itemsSource)]=“dataItems”
  
  [allowDragging]=“‘None’” [allowResizing]=“‘None’” [isReadOnly]=true>

  <wj-flex-grid-column header="EmployeeName" binding="employeeID" [wordWrap]=true [minWidth]=110 [maxWidth]=110>
    </wj-flex-grid-column>
  

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 27 February 2020, 2:51 pm EST

  Hi Rajesh,

  Can you please check whether there is any error thrown in the console after clicking on the header? Also, which version of Wijmo are you using? Have you added any other click or mousedown handlers on the FlexGrid?

  ~regards

• 

  rajesh.sakhamuri

  • Post Options:
  • Link
    Copy

  Posted 28 February 2020, 12:56 am EST

  Hi Ashwin,
  
  There is no console errors, while doing sorting and i didn’t add any event handlers on the grid.
  
  I have observed when i am doing sorting , two times the sorting event happening while debugging. that’s way every time it will be the same mode.

  Please tell me how to avoid, two times sorting when clicking once…

• 

  rajesh.sakhamuri

  • Post Options:
  • Link
    Copy

  Posted 29 February 2020, 12:01 am EST

  Hi Ashwin / Team,
  
  Any update on this issue…?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 1 March 2020, 11:00 pm EST

  Hi Rajesh,

  Sorry for the late response.

  To further investigate the issue, we will require a sample replicating the issue. Can you please modify the sample provided earlier accordingly? If you will start to modify the sample, it may also help you to identify the cause of the issue.

  ~regards