Hello,

I ran into an issue using the multicolumncombobox. I want to fill this dropdown with data rertrieved from my Rest API Java backend. Although the data shows up, I get an error in my console looking like this:

core.mjs:8453 ERROR Error: Provided data must consist only of objects. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/data-binding/
    at MultiColumnComboBoxComponent.verifySettings (progress-kendo-angular-dropdowns.mjs:9690:19)
    at MultiColumnComboBoxComponent.ngAfterContentChecked (progress-kendo-angular-dropdowns.mjs:4400:14)

...

Here's my template code:

<kendo-multicolumncombobox
      #list
      [data]="list"
      [listHeight]="300"
      textField="name"
      valueField="customerid"
    >
    
    <kendo-combobox-column field="name" title="name" [width]="200">
    </kendo-combobox-column>
    <kendo-combobox-column field="customerid" title="ID" [width]="200">
    </kendo-combobox-column>

My component:

list: Customer[]=[];
...
constructor(private api:CustomerService){
      this.api.getAllCustomer(this.params).subscribe((resp) => {
        this.list = resp;
        tap(()=>this.loading = false)
      });
    }

CustomerService:

 public getAllCustomer(params: any): Observable<Customer[]> {
   params.pldId='23';
    return this.api.getAllCustomer(params);
  }

The backend an retrieving the data from the backend works fine. However, the multicolumncombobox doen't really like my Array.

If I replace the list with the data from the example, it does work without an error (thats the prodictsliste from https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/). MAybe noteworthy, that my backend produces response of "application/son".

Any help is greatly appreciated!

Cheers,

Joerg

I need to conditionally hide some of the columns of my kendo-multicolumncombobox based on whether or not the field they are bound too contains a value I know that the kendo-combobox-column has a hidden property but I don't know how to get access to the bound dataItem in order to determine if it has a value.

Basically I want to be able to do:

<kendo-combobox-column field="myField" title="cc2" [width]="50" [hidden]="!myField"></kendo-combobox-column>

this throws an error how do I get access to the value of that field for this particular item?

Not a huge problem since that can be overridden, but that should work anyways.

If you make a multicolumn combobox virtual, the column widths don't work well at all.  This is your demo code, but I just made the widths of all the columns smaller.  It sizes the column widths appropriately if virtual is not turned on.

Basically, I am looking for a way to have a MultiSelect, but show a grid in the dropdown with a column for checkboxes and other columns that can be sorted and filtered.

Anyone have any hints?

Hi!

Our company is considering to buy a license for Angular UI. At the moment we are testing functionality that is provided by angular components. I've been trying to implement virtual scroll with data load on scroll end, but I didn't find any event for it.  What I want to achieve is a functionality that loads more data to dropdown when user scrolls to the end of list. Is it possible with kendo MultiSelect/MultiColumnComboBox? Here is an example of what I mean. 

Thank you!

I am new to Kendo UI because of client requirement. I have faced problem during binding multi column combobox at first place the combobox loads very slow so I applied virtual property to combobox then it does not bind the last column with data

here is my ts code

exportclass CreateEsubsidyComponent extends BaseComponent implements OnInit, OnDestroy {
   /**
    * Define the Globals Variables
    */virtual: any = {
    itemHeight: 50,
    pageSize: 100// @progress/kendo-theme-default default item height
  };
}

 <kendo-multicolumncombobox [data]="esubsidyGeneralInputVariables.positiveListData"
                                        id="fundingObject" [listHeight]="300" [textField]="'herstellerbezeichnung'"
                                        [valueField]="'id'" formControlName="fundingObject"
                                        [virtual]="virtual"
                                        [popupSettings]="{
                                          width: '800px'
                                        }"
                                        (opened)="onMouseOverDescription()"
                                        (selectionChange)="selectFundingObject($event)" class="pop-reg-text"
                                        [filterable]="true" (filterChange)="handleMultiComboFilterChange($event)">

                                        <kendo-combobox-column [field]="'id'" [title]="'Id'" [width]="200"
                                            media="(min-width: 740px)">
                                        </kendo-combobox-column>
                                        <kendo-combobox-column [field]="'hersteller'" [title]="'Hersteller'"
                                            [width]="200" >
                                        </kendo-combobox-column>
                                        <kendo-combobox-column [field]="'herstellerbezeichnung'"
                                            [title]="'Herstellerbezeichnung'" [width]="200" media="(min-width: 500px)">

                                        </kendo-combobox-column>
                                        <kendo-combobox-column [field]="'typenbezeichnung'" [title]="'Typenbezeichnung'"
                                            [width]="200" media="(min-width: 565px)">
                                        </kendo-combobox-column>

                                    </kendo-multicolumncombobox>
                                </div>

Good day!

I have a ComboBox (CB) residing in a FormField that works just fine.  I wanted to convert it to the MultiColumnComboBox (MCCB) to show a couple of extra fields.  I don't have time today, maybe over the weekend, to create a small, self contained example.  Yet, here are the two similar sections and their results:

CB

MCCB

MCCB Without ngDefaultControl

As you can see I added the ngDefaultControl to the control after getting the following error on the MCCB without it:

By adding it, I did not get a javascript error any longer, but with no dropdown content as seen above.

Anything obvious to someone?

Peace,
Keith