Jqxinput and Load Grid

[dan123Participant]

Hi I was wondering if there was a example like the dropdown grid but instead for input field to load up the grid.

Scenario:
So using jqxinput, as a user types it would open a grid with results.

https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/dropdowngrid.htm

[HristoParticipant]

Hello dan123,

We do not have such demo but you could try to create it.
You could check when the value of the jqxInput is changed and then update the value of the Grid’s DataAdapter.
Also, you can create this Grid in jqxWindow (without header or you could use jqxPopover) and showed it at the right moment.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[dan123Participant]

Ok i created this demo using the filtering. I am trying to figure out where if i clicked outside of the grid or outside anywhere other than the grid or input textboxes, i want the grid to disappear.

Also, I want the data to show as “No data to display” from the start itself, and only after typing in the textbox it will load the data. I tried using the databind() method but not working for some reason.

Finally is there a way to remove that ‘sort’ icon, as you type the ‘sort’ icon shows up on the column header and I was wondering if we can hide that.

Here is my example:
https://www.jseditor.io/?key=custom-filtering-in-jqx-grid-1-2-3

[HristoParticipant]

Hello dan123,

You should decide what will happen when you filtering the Grid by a value for the first time in which moment you will clear this filter.
Because now the Grid is filtered and still in this state, no matter you clear the value in one of the Inputs.
I would suggest you use jquery .show() and .hide() methods it will be easier.
About that how to hide the menu icons – you could use “columnsmenu: false”
Please, take a look at this example:
https://www.jseditor.io/?key=custom-filtering-in-jqx-grid-edit

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts