value

Gets or sets the value of the MultiColumnComboBox.

Important: If the widget is not bound, value method will pre-fetch the data before continue with the value setting.

Important: The widget will clear the applied filter if a new value is set. Thus it ensures that the original/whole data set is available for selection.

Important: This method does not trigger change event. This could affect MVVM value binding. The model bound to the widget will not be updated. You can overcome this behavior trigerring the change event manually using trigger("change") method.

<input id="multicolumncombobox" />
<script>
$("#multicolumncombobox").kendoMultiColumnComboBox({
   dataSource: [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ],
  columns: [
    { field: "name" },
    { field: "id" }
  ],
  dataTextField: "name",
  dataValueField: "id",
});

var multicolumncombobox = $("#multicolumncombobox").data("kendoMultiColumnComboBox");
multicolumncombobox.value("Apples");
multicolumncombobox.trigger("change");
</script>

Parameters

value String

The value to set.

Returns

String The value of the MultiColumnComboBox.

Example - set value of the widget

<input id="multicolumncombobox" />
<script>
$("#multicolumncombobox").kendoMultiColumnComboBox({
   dataSource: [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ],
  columns: [
    { field: "name" },
    { field: "id" }
  ],
  dataTextField: "name",
  dataValueField: "id",
});

var multicolumncombobox = $("#multicolumncombobox").data("kendoMultiColumnComboBox");

multicolumncombobox.value("Oranges");
</script>