JQXCombo Box Rendering Issue

[geromelouieParticipant]

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!

[HristoParticipant]

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

[geromelouieParticipant]

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!

[HristoParticipant]

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

[Author]

Posts