How to use ngmodel with jqxCombobox in angular 7

[prasad.newaseParticipant]

Hi,
I am using jqxCombobox in html table row. When I click on readonly row my row is converted in edit mode. I am able to bind values from source to combobox. In edit mode I’m trying to set existing value of record to jqxCombobox using “ngmodel”. I want the functionality like when user click on row in readonly mode then row should get converted in edit mode with all the existing values set to editable controls. Please check my html below
<jqxComboBox style=”float: left; margin-top: 10px” [valueMember]=”‘id'” [displayMember]=”‘name'”
[source]=”docTypes” [(ngModel)]=”d.docid” name=”fixed” [searchMode]=”‘containsignorecase'” [autoComplete]=”true”>
</jqxComboBox>
The source of combobox is array of (int id and string name) and I’m trying to set integer value using ngmodel but it not setting and appears blank.
I don’t prefer to use val and selectedItem methods of jqxCombobox because there is no single record in my table.

Thanks

[MartinParticipant]

Hello prasad.newase,

Unfortunately, you could not set the value of the jqxComboBox like this using ngmodel.
You should either use the val or selectIndex / selectItem methods.

Best Regards,
Martin

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts