Remove "Select All" options from multiselect check box in Kendo Grid view

[Deepa]

I want to remove the "Select All" option from multi select check box filter in kendo grid view, when there is no data to be shown on UI or when grid is empty.

Any setting i can do to do so?

[Nikolay]

Hi Ankit,

To achieve removing the "Select All" option from the checkbox filter menu, you could use the filterMenuInit event. In the event handler function, select the closest "li" element of the "Check All" checkbox and the "div" of the "selected items" and use the jQuery hide method. Then you could add a condition, checking if the Grid datasource is empty and hide the element:

filterMenuInit: function(e) {
  var filterMultiCheck = this.thead.find("[data-field=" + e.field + "]").data("kendoFilterMultiCheck")
  var container = e.container;
  var checkAll = container.find(".k-check-all").closest("li");
  var selectedItems = container.find(".k-filter-selected-items");
  if ($("#client").data("kendoGrid").dataSource.data().length < 1 ) {
    checkAll.hide();
    selectedItems.hide();
  }
},

In case your Grid receives data you would need to show the "Select All". To do so you could use filterMenuOpen event handler:

filterMenuOpen: function(e) {
  var filterMultiCheck = this.thead.find("[data-field=" + e.field + "]").data("kendoFilterMultiCheck")
  var container = e.container;
  var checkAll = container.find(".k-check-all").closest("li");
  var selectedItems = container.find(".k-filter-selected-items");
  if ($("#client").data("kendoGrid").dataSource.data().length > 0 ) {
    checkAll.show();
    selectedItems.show();
  }
},

The above approach you can see live at the below Dojo example, I have prepared:

• https://dojo.telerik.com/ABIWabor/2

Hope this helps and please contact us back in case of further questions.

Regards,
Nikolay
Progress Telerik