Dropdown Grid

[shimmorilParticipant]

I have a couple of questions about using the Dropdown Grid functionality.

First, is there a way to close the grid when a row has been selected? Related to that, is there any way to prevent the grid from closing while filtering?

Second, I always get the following error when first loading the page – I assume it is because there’s no row originally selected. Is there a way to prevent this?

row is undefined
…”position: absolute; margin-left: 3px; margin-top: 5px;”>’ + row[‘LastName’] + ‘…

Lastly, how do I access the selected index of the dropdown box? My application is coded in ColdFusion and I need to be able to pass back the ID of the selected user on page submit. I am loading the grid via XML and the ID is not one of the displayed columns (but is included as the ID in the source).

[shimmorilParticipant]

Got another one – is there a way to set a default message in the dropdown when the page first loads (ie. when nothing has been selected)? Obviously we would prefer to show something like “Please select…” rather than an empty box.

[Peter StoevKeymaster]

Hi shimmoril,

If the row is undefined i.e you don’t have a selected row, then it is correct that the browser displays a message about that. The DropDownGrid demo is built with the jqxGrid and jqxDropDownButton widgets. The jqxDropDownButton does not have any properties for selection and to retrieve the selected row, you have to use the Grid’s API like the ‘getselectedrowindex’ method. The DropDownButton has ‘show’ and ‘hide’ methods that show or hide the popup when you invoke them.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[shimmorilParticipant]

Thanks Peter.

Another issue: when my page first loads, the loading icon is shown in the upper left of the page (see screenshot below). Since it’s a dropdown grid, there’s really no reason for it to be shown at all. How can I hide it?

This is probably related to another thread I started that hasn’t gotten an official response yet either: http://www.jqwidgets.com/community/topic/force-display-of-loading-image/#post-5347

Also, you never mentioned a fix for the issue where the grid closes when being filtered.

[Peter StoevKeymaster]

Thank you for the feedback.

– To remove the loader image, you can edit the .jqx-grid-load class in the jqx.base.css file.
– We’ll take a look at the closing of the DropDownButton when filtering is applied. I am afraid that there’s no workaround at present.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[shimmorilParticipant]

Thanks again Peter.

It looks like we will be removing the loader completely due to some other odd behaviour, but I did find a way to fix my original issue. If I call:
$('#dropdown').jqxDropDownButton('show'); $('#dropdown').jqxDropDownButton('hide');
Immediately after creating the grid, it makes the loader appear correctly in the dropdown grid instead of randomly on the page. Depending on how slowly the page loads you may or may not see the grid opening and closing, but it does move the loader into the correct area.

[shimmorilParticipant]

Nevermind, user error 😀

[shimmorilParticipant]

Regarding the Dropdown Button closing when filtering, do you have any ETA on a fix or a workaround? We’re looking at deploying this functionality next week and as is it’s not useable.

[Peter StoevKeymaster]

Hi shimmoril,

The fix will be available in the second half of July with the release of jQWidgets ver. 2.3. I am afraid that I can’t offer a workaround for that behavior.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[shimmorilParticipant]

Thanks Peter.

[Author]

Posts