<kendo-multicolumncombobox [fillMode]="'flat'" [readonly]="!canEdit() || invoice().isPosted" #vendorList [data]="vendors()"
                    [filterable]="true" (filterChange)="handleFilter($event)" textField="display" valueField="id"
                    formControlName="vendor" [valuePrimitive]="true" (valueChange)="onVendorChange($event)" [popupSettings]="{width: '75em'}">

that is how it is being used.  all the values being accessed with () are signals and not methods that should get endlessly called (except for the filter and value change handlers)  But in 17.1.1 if you try to expand the dropdown or change the filter it grinds the whole page to a halt and the entire browser page becomes unresponsive.

Reverting to 17.1.0 fixes the issue.

Hi,
I want to add a custom input text for filtering the items of a combobox in Angular
I tried to add but the text box seems not focusable. Even if I try to manually focus on it with extra code the user cannot select the text from the text box. 
Is it supported? Can I somehow implement it?

Thank you

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>