Integrate ngModel on dropdownlist when checkboxes is true

[jliteradoParticipant]

I have the dropdownlist below:

<jqxDropDownList id="{{id}}" [auto-create]="false"
                (onClose)="close($event)"
                (onCheckChange)="checkChange($event)" #dropdown></jqxDropDownList>

The dropdownlist is initialized in the component using json.

this.dropdownListSettings = {
            theme: 'someTheme',
            source: this.source,
            checkboxes: true,
            height: 28,
            width: '99.5%',
            displayMember: "someDescription",
            valueMember: "someValue",
            placeHolder:  "Choose",
            //To show the selected items in the widget
            selectionRenderer: (htmlString) => {
                let items = this.dropdown.getCheckedItems();
                let checkedItems = '';
                let allSelected = '';
                if (angular.isDefined(items)) {
                    angular.forEach(items, (item, index) => {
                        if (item.label === this.allCategories) {
                            allSelected += this.allCategories;
                            return false;
                        } else {
                            if (checkedItems.length > 0)
                                checkedItems += ", ";
                            checkedItems += item.label;
                        }
                    });
                }

                if (allSelected != ''){
                    return allSelected;
                } else {
                    return checkedItems.length > 0 ? checkedItems : "Choose";
                }
            }
        }
        this.dropdown.createComponent(this.dropdownListSettings);

How do I implement ngModel? and also I want to use it in form-control

[MartinParticipant]

Hello jliterado,

Please, take a look at the following Example.

Best Regards,
Martin Yotov

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

[Author]

Posts