jQWidgets Forums

This topic contains 3 replies, has 3 voices, and was last updated by vovo4ka 9 years, 4 months ago.

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

Author

jqxComboBox scroll bar not resizing and down arrow key not selecting items Posts

October 17, 2013 at 1:42 pm jqxComboBox scroll bar not resizing and down arrow key not selecting items #30939

Participant

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 #30943

Peter Stoev

Keymaster

Hi 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 Stoev

jQWidgets Team
http://www.jqwidgets.com

October 18, 2013 at 8:58 am jqxComboBox scroll bar not resizing and down arrow key not selecting items #30995

Abijeet

Participant

Hi 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

vovo4ka

Participant

…delete plz

Author

Posts

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

You must be logged in to reply to this topic.