Footer Template in ComboBox

[Alan]

I am finding how to put a footer template in ComboBox. I need to put a checkBox in the footer because I want to change my filters when the user  input a text. If checkBox is checked I have to find in different way. Any suggest? Obviously I hope the footer is always visible when the user display the items list.

[Alexander Valchev]

Hi Alan,

The ComboBox widget does not support footerTemplate. As an alternative solution I suggest putting the checkbox outside of the widget and use the setOptions method to modify the filter that is used by the widget. For example:

<input type="checkbox" id="startswith" />
<br />
<input id="combobox" />
<script>
$("#combobox").kendoComboBox({
  dataSource: {
    data: [{text: "foo", value: 1}, {text: "zoo", value: 2}]
  },
  dataTextField: "text",
  dataValueField: "value",
  filter: "contains"
});

  $("#startswith").on('change', function(e) {
    var combo = $("#combobox").data("kendoComboBox");
    combo.setOptions({ filter: this.checked ? "startswith" : "contains" });
  });
</script>

I hope this information will help.

Regards,
Alexander Valchev
Telerik