Select All checkbox in grid column multi filter doesn't work

[James]

i notice that my multi-select filter on my grid does not have a Select all checkbox as I have seen in the multi-filter checkbox demo -

I am using the asp.mvc version visual studio version 15.8.1 - 

To see this, create new telerik mvc core project using the grid template

which has this grid

<div class="row">
<div class="col-xs-18 col-md-12">
@(Html.Kendo().Grid<TelerikAspNetCoreApp1.Models.OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}");
columns.Bound(p => p.ShipName);
columns.Bound(p => p.ShipCity);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:550px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)
</div>
</div>

 

add this to the freight column

Filterable(ftb => ftb.Multi(true))

the resulting filter has no select all checkbox as shown in this demo

https://demos.telerik.com/aspnet-mvc/grid/filter-multi-checkboxes

 

can you look into this and see what is going on

 

thanks

 

Jim

 

 

 

[Eyup]

Hi James,

You are probably using the Core version of the Kendo components. In order to enable the mentioned option, you can add the .CheckAll(true) option to the column definition as demonstrated in this sample:
https://demos.telerik.com/aspnet-core/grid/filter-multi-checkboxes

I hope this will prove helpful.

Regards,
Eyup
Progress Telerik

[Shubhankar]

Hi Eyup, 

We have recently migrated our entire application from .net framework to the asp net core Version of kendo. Since there are already many places in the application where we had this kind for multiselect filter and now after migration Select all checkbox is not visible in entire application. Can you suggest a quick way to handle this and apply .CheckAll(true) at all the places in the application which had this kind of filter.

Thanks,

Shubhankar

[Eyup]

Hi Shubhankar,

 

You have 3 ways to do that on a global scale:

1. Mass replace to manually add these settings.
2. Create a Partial view to hold a predefined version of the grid and add this Partial view to multiple places. But this approach is very limited because the grid will be the same everywhere.
3. Use a global javascript traversal logic to re-apply all the column settings of the grids on the page. Unfortunately, this is a very fragile option because it will require re-setting of all the Templates.

To summarize, our recommendation would be to set these properties explicitly from point 1.

If you decide to go with option 2 or 3, feel free to open a new formal support ticket for the Core team and they will assist you further with this implementation.

Also, you can check the Whitepaper provided here for general info on Web Forms to Core technology:
https://www.telerik.com/blogs/review-of-telerik-toolsets-for-aspnet-web-forms-core

[James]

Hi Eyup

yes that is the difference - we are using .net core

we are all set now - thanks