Remote Search ComboBox Issue

[gjsmith66Member]

When trying to implement remote search with a combo box, I have run into an odd behavior that I was able to reproduce using your remote search demo.

When using : http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm#demos/jqxcombobox/remotesearch.htm

If you change the maxRows returned by service, when first clicking the drop-down, you can scroll through the responses. However, if you start a search, just try “ga” as an example, the returned result is not bound within the DIV, and no scroll-bars are displayed to allow you to scroll through responses. I have attempted to define a dropDownHeight, set height to wrapping DIV, etc. In our own page, we were trying to contain result within both a Tab and a Panel, but the drop down just extends down forever.

You can see example here:

http://www.z-car.com/1.html

Thanks!
Gary

[Peter StoevKeymaster]

Hi Gary,

The behavior you describe is by design. In remoteAutoComplete mode, jqxComboBox displays all loaded items in the DropDown and the DropDown’s height is equal to the sum of the items heights. We will consider enhancing that functionality in the future versions.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[gjsmith66Member]

Ya, that results in a drop-down box that is thousands of pixels long. The odd part is that if just using as a regular drop-down, the scroll-bar works fine, and respects the dropDownHeight property, even if thousands of records. I am not sure why you would want the behavior to be different between the two? That does not seem like a good design. And, I thought the point of a Panel was to contain all items placed in it?

Sure would seem like a bug to me. Thanks for the quick response!

[Peter StoevKeymaster]

Hi Gary,

Thank you for the feedback! As I already written in the previous post, we will consider enhancing that functionality in the future versions. That’s how the “remoteAutoComplete” functionality works at present. The ComboBox displays all items depending on the searched string in its DropDown.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[gjsmith66Member]

Understood.

In addition to the above behavior, if you look at : http://www.z-car.com/1.html you will see that the browser scroll-bar also does not work properly. If you try to scroll down, the listbox will just disappear. You can see this by grabbing the scroll-bar and dragging down, or clicking below the bar. (confirmed in Chrome, Safari, and Firefox).

Can you confirm that a Panel “should” constrain all elements that are placed in it? Using other libraries (like EXT JS), that is the expected behavior.

Thanks, you have ben extremely helpful!

[Peter StoevKeymaster]

Hi gjsmith66,

When the ComboBox is no longer on focus, it will be closed automatically. Clicking the browser’s scrollbar brings the Focus to it. That is the expected behavior. We do not use Panel in jqxComboBox or in jqxListBox.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[gjsmith66Member]

Ok,so if the listbox contains more rows then fits on the screen, there is no way for the user to scroll-down to select one?

I know that you do not use jqxPanel in the combobox or listbox. What I am asking is it seems by the jqxPanel documentation that if I put another widget into a jqxGrid, it will be contained by that jqxPanel. This does not happen with the combo-box. It extends outside of the Panel. Is this also expected behavior?

The reason I am harping on this, is that this really is not expected behavior. No combo-box list should ever be 2000 lines long extending beyond the bounds of all containers. This is a bug. Not being able to scroll through a list is a bug. Having the list behavior differ between remote search and local search is a bug.

Thanks!

[Peter StoevKeymaster]

Hi gjsmith66,

The maxRows: 12 in our demo defines the max number of items that could be displayed in the ComboBox. It is developer’s decision whether to set it to a user friendly number or to something like 2000. Also, when a DropDown is opened and another element is focused by user click on the page, the DropDown should be automatically closed. DropDowns are not regular DIV tags. DropDown is something which should be positioned above other HTML elements and the DropDown should be HTML element with absolute position.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[gjsmith66Member]

Hi Peter,

Thank you so much for addressing this issue. The remote search feature is now much more usable.

I really appreciate you guys fixing so quickly.

Thanks!
Gary

[Author]

Posts