jQWidgets Forums

jQuery UI Widgets Forums Lists ComboBox jqxComboBox scroll bar not resizing and down arrow key not selecting items

Tagged: 

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

  • Abijeet
    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.


    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


    Abijeet
    Participant

    Hi Peter,

    Thanks! Is there a away I can put the focus on an item in the combobox dropdown?


    vovo4ka
    Participant

    …delete plz

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

You must be logged in to reply to this topic.