Hello,

Cascading Comboboxes do not clear and reset values correctly when Virtualization is enabled.

I mimicked the bug though Codepen.

Find it here and follow instructions to reproduce the bug. 

Thank you.

Hi,

we're selecting an item in a MultiColumnComboBox programmatically like this:

var multicolumncombobox = $("#KUNDENADRESSE_ID").data("kendoMultiColumnComboBox");
multicolumncombobox.select(0);
multicolumncombobox.trigger("select");  

Our problem is now, that in the event handler for the 'select' event the e.dataItem is missing. 

Is there a way to solve this?

i have multi select control in form with about 20000 records , when i click on control every time it takes about 10 seconds

is there any solution to reduce the response time

Hi,

I was researching available control in Kendo to achieve my requirements it seems that multi-select control is what I need. but I am unsure how i do the templating for the control. my markup for the dropdown is 

<select id="users">
<option value="1" data-email="abc@email.com">User 1</option>
<option value="2" data-email="12@email.com">User 2</option>
<option value="3" data-email="adc@email.com">User 3</option>
<option value="4" data-email="anmf@email.com">User 4</option>
</select>

what I wanted to achieve is when the user is selecting the option to show User 1 - abc@email.com. then upon selected, the tag to show User 1.

I understand that multi-column combo box is able to achieve this but i need to be able to select multiple options. I also prefer to render the control via HTML way instead of using json data source

Hi, I'm using the kendo form to build an 'order form'.

The form has pre-existing Vendors to select which cascades to a list of pre-existing Sites (Customers).
However, I also need to be able to add sites - which I have done via a POST method.

The issue that I am facing is that after I have done this, I can't figure out how to refresh the 'SiteCode' MultiColumnComboBox - nothing I have tried is able to get the control to populate with the new data, even though i am able to see the new data in the local array that it's being stored in.

I have tried multiple methods of implementing the transportation layer

• Using 'read()' on varying objects (can't figure out which one is correct for a form object) to no effect
• Setting the SiteCode dataSource to a secondary "filtered" list which is filled by the VendorCode select event
• Using 'serverfiltering' and a standard kendo remote dataSource but unfortunately I don't believe the API I am working with is compatible with the server filtering options (I can only filter by adding a parameter to the url e.g. '&fltFilterName=FilterValue')
  
  Below are the two main objects I am concerned with:

{
    field: "VendorName", editor: "MultiColumnComboBox", label: "Partner/Vendor Name:", validation: { required: true },
    delay: 0,
    editorOptions: {
        placeholder: "Select vendor",
        dataTextField: "VendorName",
        dataValueField: "VendorCode",
        height: 300,
        columns: [
            { field: "VendorName", title: "Vendor Name:", width: 300 },
            { field: "VendorCode", title: "Vendor Code:", width: 150 },
            { field: "TerritoryCode", title: "Territory Code:", width: 150 },
            { field: "TerritoryName", title: "Territory Name:", width: 300 },
        ],
        filter: "contains",
        dataSource: slData.partners,
    },
},
{
    field: "SiteName",
    label: "Site Name:",
    delay: 0,
    validation: { required: true },
    editor: "MultiColumnComboBox",
    editorOptions: {
        autoBind: false,
        placeholder: "New site name",
        dataTextField: "SiteName",
        dataValueField: "SiteName",
        cascadeFrom: "VendorName",
        height: 400,
        columns: [
            { field: "VendorCode", title: "Vendor Code:", width: 200},
            { field: "SiteCode", title: "Site Code:", width: 200 },
            { field: "SiteName", title: "Site Name:", width: 300 },
            { field: "warning", width: 200,
                template: '<span style="padding: 8px 9px !important;" class="badge-general badge-#:data.Status#">#:data.DaysRemaining# Days Remaining</span>',
                headerTemplate: ' '
            }
        ],
        filter: "contains",
        dataSource: slData.sites,
        select: selectSiteName,
        noDataTemplate: $("#noDataTemplate").html(),
        },
        dataBound: function() {
            initSiteStatusBadges()
        }
    }
},

dataSource: {
    transport: {
        read: createDataURL("Order", "CustomerVendorSite", `&fltVendorCode=${getFormVendorCode()}` ) , 
        dataType: "json",
        cache: false,
    },
    filter: { field: "SiteCode", operator: "eq", value: e.data.SiteCode }
},

Hello

I want to hide right button of MultiColumnCombobox(Please see in attach image). It's similar to autocomplete, but uses the property of multi-column of table data.

How to do this?

Thank you

Hello

I have some page with a Kendo Ui  for JQuery Multicolumnbobox.
At on one page there are around 20 MilticolumnComboboxes and only one large data (around 10000 rows) others have around 5-200 rows ( load data via .json array files)
It takes very long time(maybe 7-15 sec) for the page to load already.

If I off all the Multicolumncomboboxes the page renders fast.

Are there ways to increase the performance with the Jquery Ui MulticolumnComboBoxes?

Thank you

Hello Support,

I want to custom color of hover in row of list in MultiColumnComboBox. How can I do it?

Thanks.

Hello,

I alone of MultiColumnComboBox we can prevent adding custom values with change event follow your sample in ComboBox.

with "change code"

change: function(e) {
            var widget = e.sender;

            if (widget.value() && widget.select() === -1) {
              //custom has been selected
              widget.value(""); //reset widget
            }
          }

Follow this sample work with anyone or the parent(Master) MultiColumnComboBox, but in case child(Detail) of MultiColumnComboBox, It's not working because if I selected parent MultiColumnComboBox first and then child MultiColumnComboBox wil show data follow selected list in parent. In this case ("change code") will prevent any data in child MultiColumnComboBox, as a result, any items in it cannot be displayed.

Please guide me for prevent add custom values in the child(Detail) of MultiColumnComboBox,  if I use Cascading MultiColumnComboBox.

Thank.