implement virtualization on combobox column does not bind last column

0 Answers 71 Views
ComboBox DropDownList MultiColumnComboBox MultiSelect
Kanwar
Top achievements
Rank 1
Kanwar asked on 12 Nov 2021, 04:01 PM | edited on 12 Nov 2021, 04:02 PM

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>
and data is coming in positiveListdata because when I remove vitual all 4 columns bind properly then again loading is really slow I have attched the json object of data

No answers yet. Maybe you can help?

Tags
ComboBox DropDownList MultiColumnComboBox MultiSelect
Asked by
Kanwar
Top achievements
Rank 1
Share this question
or