jQuery UI Widgets Forums General Discussions JQXCombo Box Rendering Issue

This topic contains 3 replies, has 2 voices, and was last updated by  Hristo 2 years, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • JQXCombo Box Rendering Issue #115098

    geromelouie
    Participant

    Hi,

    I am rendering a combobox within a jqxGrid. This has been working fine until one day, I did an npm install because I had to make some changes and before making the changes, the issue of the arrow down not showing up in the combobox started happening.

    When I started inspecting how it is rendered in the browser, I noticed that dropdownlistArrowcomboboxeditorjqxWidget060e88090236Business_Unit_ID goes inside dropdownlistContentcomboboxeditorjqxWidget060e88090236Business_Unit_ID as what you can see in the link I included here. When I compared to the others, both IDs should be on the same level. The image in the link also includes the combobox not showing the arrow down.

    https://ibb.co/7Qyn3gB

    I hope you can give me an idea on why this rendering issue is happening.

    Thanks!

    JQXCombo Box Rendering Issue #115100

    Hristo
    Participant

    Hello geromelouie,

    Please, clarify your case.
    What framework do you use?
    I try it in Angular, React, Vue, and native JavaScript demos and all of them seem to work fine.
    Please, provide us with more details (one simple example of your case will be better).

    Best Regards,
    Hristo Hristov

    jQWidgets team
    https://www.jqwidgets.com

    JQXCombo Box Rendering Issue #115101

    geromelouie
    Participant

    Hi Hristo,

    I am using Angular to render the combobox and using jqwidgets-ng version 8.1.4.

    The way I render the jqxcombobox in the jqxgrid is through the code below

    createeditor: (row: number, value: any, editor: any): void => {
    editor.jqxComboBox({
    height: 27,
    source: this.getAdaptor(element.baseColumnName),
    displayMember: ‘label’,
    valueMember: ‘value’,
    dropDownHeight: 300,
    searchMode: ‘containsignorecase’
    });
    },

    I hope this helps

    Thanks!

    JQXCombo Box Rendering Issue #115104

    Hristo
    Participant

    Hello geromelouie,

    I tested this example and it seems to work fine:
    https://stackblitz.com/edit/github-zmlvjr?file=src/app/app.component.ts
    Also, I would like to suggest you try to update with the newer version.
    I hope this will help.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    https://www.jqwidgets.com

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

You must be logged in to reply to this topic.