This topic contains 3 replies, has 2 voices, and was last updated by  Hristo 7 years, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Jqxinput and Load Grid #96833

    dan123
    Participant

    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

    Jqxinput and Load Grid #96836

    Hristo
    Participant

    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

    Jqxinput and Load Grid #96842

    dan123
    Participant

    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

    Jqxinput and Load Grid #96870

    Hristo
    Participant

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.