Footer Template in ComboBox

2 posts, 0 answers
  1. Alan
    Alan avatar
    2 posts
    Member since:
    Jun 2014

    Posted 13 Jul 2014 Link to this post

    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.
  2. Alexander Valchev
    Alexander Valchev avatar
    2873 posts

    Posted 15 Jul 2014 Link to this post

    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" />
      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" });

    I hope this information will help.

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top