MultiColumnComboBox - Virtualization issues

2 Answers 35 Views
MultiColumnComboBox
Stefan
Top achievements
Rank 1
Iron
Iron
Veteran
Stefan asked on 07 Jan 2022, 08:56 AM

We're using the MultiColumnComboBoxFor with a large amount of data, and therefore implemented virtualization as is described here: https://demos.telerik.com/aspnet-mvc/multicolumncombobox/virtualization

We ran into multiple problems with this:

  1. The line data: convertValues(options.value) did not work for us; the server method never received any values.
    We had to use data: { values: options.value }.
  2. Empty values were not displayed correctly in the dropdown:

    We changed the following style to display these correctly:
    .k-grid-list.k-virtual-list > .k-item > .k-cell, .k-grid-list.k-virtual-list > .k-item > .k-group, .k-grid-list.k-virtual-list > .k-item > .k-spacer-group {   
    display: table-cell;
    }

Are there any drawbacks to our solution?

2 Answers, 1 is accepted

Sort by
0
Accepted
Stefan
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 31 Jan 2022, 01:53 PM

Hi,

we actually ran into some issues subsequently. Our final approach has been to leave the styles in their orignial form, but insert an empty 'NO-BREAK SPACE' character in every empty cell, which resolved the issue:

.k-grid-list.k-virtual-list > .k-item > .k-cell:empty:before {
    content: '\00a0';  /* http://www.kompx.com/en/non-breaking-space-nbsp-in-before-and-after-content.htm */
}

1
Ivan Danchev
Telerik team
answered on 12 Jan 2022, 07:55 AM

Hi Stefan,

I've tested both changes you posted and everything worked correctly, so I don't see any drawbacks in this approach.

Regards,
Ivan Danchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
MultiColumnComboBox
Asked by
Stefan
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Stefan
Top achievements
Rank 1
Iron
Iron
Veteran
Ivan Danchev
Telerik team
Share this question
or