Search for Flex Grid

Search for Flex Grid

Posted by: kapil.r.shah on 23 December 2019, 2:41 pm EST

• 

  kapil.r.shah

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 23 December 2019, 2:41 pm EST

  Hi,
  
  I am trying to filter the flex grid using the example below

  https://www.grapecity.com/wijmo/demos/Grid/FilteringSearching/Filter/angular

  How do I return a message “No data found” when entering the key words in search input text box and no data found

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 24 December 2019, 1:33 am EST

  Hi Kapil,

  You can create an element that shows the ‘No Data Found’ error and bind it using ngIf.

  <wj-flex-grid [itemsSource]="source" #flex (initialized)="initGrid(flex)">
    <wj-flex-grid-column header="Country" binding="country"></wj-flex-grid-column>
    <wj-flex-grid-column header="Date" binding="date"></wj-flex-grid-column>
    <wj-flex-grid-column header="Amount" binding="amount"></wj-flex-grid-column>
  </wj-flex-grid><br>
  <p *ngIf="flex.rows.length === 0">No Data Found</p>
  

  You may refer to the sample link below:

  https://stackblitz.com/edit/angular-9mqwpb

  Regards,
  
  Ashwin

• 

  kapil.r.shah

  • Post Options:
  • Link
    Copy

  Posted 2 January 2020, 3:08 pm EST

  Thanks Ashwin