jQuery UI Widgets Forums Angular jqxDropDownList on checkbox select not getting value

This topic contains 1 reply, has 2 voices, and was last updated by  Hristo 10 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • wpd
    Participant

    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);


    Hristo
    Participant

    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

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

You must be logged in to reply to this topic.