jqxDropDownList on checkbox select not getting value

[wpdParticipant]

Hello,

when [checkboxes]=”false” able to see selected value in UI dropdown. but when [checkboxes]=”true” it is not displaying the selected value. it is displaying html code(<div style=”height: 20px; float: left; background-color:’+tagModel.tagColor+'”><span style=”float: left; font-size: 15px; font-family: Verdana Arial;”>’+tagModel.tagName+'</span></div>)

<jqxDropDownList #custTagsDrpDwnList [theme]=”‘wp'” (onSelect)=”listOnSelect($event)”
[width]=”‘100%'” [height]=”30″ [source]=”custTagsDrpDwnDataAdapter” [checkboxes]=”true”
[displayMember]=”‘custDrpDwnLabel'” [valueMember]=”‘custDrpDwnValue'”>
</jqxDropDownList>

.ts file

this.custTagLabel = [];
this.custTagValue = [];
for (const tagModel of this.tagModelListCust) {
this.custTagLabel.push(‘<div style=”height: 20px; float: left; background-color:’+tagModel.tagColor+'”><span style=”float: left; font-size: 15px; font-family: Verdana Arial;”>’+tagModel.tagName+'</span></div>’);
this.custTagValue.push(tagModel.tagColor);
}

this.custTagData = this.generateCustDrpDwnDropDownData();
this.custTagsDrpDwnSource = {
localdata: this.custTagData,
datatype: ‘array’
};
this.custTagsDrpDwnDataAdapter = new jqx.dataAdapter(this.custTagsDrpDwnSource);

[HristoParticipant]

Hello wpd,

I tested this demo and it seems to work fine:
https://stackblitz.com/github/jqwidgets/angular/tree/master/dropdownlist/checkboxes/
Could you clarify it?
Also, if it possible for you it will be better if you could transform this example to reproduce your case.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts