jQWidgets Forums
jQuery UI Widgets › Forums › Lists › ComboBox › jqxComboBox scroll bar not resizing and down arrow key not selecting items
Tagged: combobox
This topic contains 3 replies, has 3 voices, and was last updated by vovo4ka 9 years, 4 months ago.
-
Author
-
October 17, 2013 at 1:42 pm jqxComboBox scroll bar not resizing and down arrow key not selecting items #30939
Hi,
I’m having a problem where the height of the scroll bar is not resizing. The scroll bar is getting rendered even when there is just one item.
Check the following image
Following is my rendering code –
editor.jqxComboBox({ source: VendorDataAdapter, displayMember: 'vendor_name', valueMember: 'vendor_id', autoComplete: true, searchMode: 'containsignorecase', dropDownWidth: 240 });
This jqxComboBox is part of a grid which is being displayed in a jQuery UI dialog box.
The jqxComboBox dropdown appears behind the dialog box unless I do this –
editor.on('click', function (event) { $("div[id^='innerListBoxjqxWidget']").parent("div").css('z-index', '9999999999'); });
Also another issue that I’m facing is that the down arrow key is not selecting the items displayed in the dropdown. It’s simply not doing anything.
October 17, 2013 at 2:38 pm jqxComboBox scroll bar not resizing and down arrow key not selecting items #30943Hi Abijeet,
Such behavior cannot be reproduced with the provided information. I suggest you to check whether you use the latest version of jQWidgets and whether you initialize the widget from a visible DIV tag. In addition, to set the DropDown’s z-index, there is API for that. You can use the ComboBox’s popupZIndex property. Also for Dialog, you may use jqxWindow.
<!DOCTYPE html><html lang="en"><head> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="../../scripts/demos.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcombobox.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script></head><body> <div id='content'> <script type="text/javascript"> $(document).ready(function () { var source = [ "Affogato" ]; // Create a jqxComboBox $("#jqxComboBox").jqxComboBox({ source: source, width: '200px', height: '25px'}); }); </script> <div style='float: left; margin-top: 10px;' id='jqxComboBox'> </div></body></html>
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comOctober 18, 2013 at 8:58 am jqxComboBox scroll bar not resizing and down arrow key not selecting items #30995Hi Peter,
Thanks! Is there a away I can put the focus on an item in the combobox dropdown?
November 11, 2015 at 5:35 pm jqxComboBox scroll bar not resizing and down arrow key not selecting items #78007…delete plz
-
AuthorPosts
You must be logged in to reply to this topic.