FlexGridSearch Custom Input Field

FlexGridSearch Custom Input Field

Posted by: tie_entwicklung on 22 April 2020, 9:06 pm EST

• 

  tie_entwicklung

  • Post Options:
  • Link
    Copy

  Posted 22 April 2020, 9:06 pm EST

  Hi

  I would like to implement the FlexGridSearch (https://www.grapecity.com/wijmo/api/classes/wijmo_grid_search.flexgridsearch.html) using my own input field component.
  
  Is there a way to use the search and highlighting features without using the supplied search box?

  Thanks
  
  Matthias

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 23 April 2020, 3:47 pm EST

  Hi Matthias,

  Can you explain more about your requirement? Because it seems that if you have a customized search box, you must have customized it using CSS, which you can also do for the FlexGridSearch’s input element by using the following CSS selector:

  .wj-flexgridsearch input.wj-form-control {}
  

  Regards,
  
  Ashwin

• 

  tie_entwicklung

  • Post Options:
  • Link
    Copy

  Posted 24 April 2020, 1:14 am EST

  The issue is that I want do more than just change the styling. For now I found a workaround by hiding the wj-flexgridsearch and using my own input field which updates the hidden search by setting flexGridSearch.text = X.

  Is it possible to this without creating the hidden FlexGridSearch?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 26 April 2020, 4:46 pm EST

  Hi,

  There is another way by which you can embed, your custom input element inside the FlexGridSearch. You can update the controlTemplate property You can remove the original input element and add the custom element. Just make sure that the added input element contains the wj-part attribute:

  <input wj-part="input" />
  

  Please refer to the sample link below for reference:

  https://stackblitz.com/edit/js-eex2gb

  ~regards