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
};
}
here is HTML <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>