Filtered MVC Grid was working now it's not, Version 2023.3.1114

1 Answer 19 Views
Grid
Patrick
Top achievements
Rank 1
Patrick asked on 17 Apr 2024, 05:03 PM | edited on 17 Apr 2024, 05:46 PM

My problem is that my MVC Grid was working up to Friday April 12, 2024, and now it's not. The Filter is causing my grid to error out. If I remove the Filter, my Grid works fine. If I use .Filterable(ftb => ftb.Mode(GridFilterMode.Row)), the Grid works fine.

What is causing my filtered grid not to work now? Below is my Grid:

@(Html.Kendo().Grid<AL.CC.DataContracts.DTO.Parts>()
.Name("PNGrid")
.Columns(columns =>
{
    columns.Bound(p => p.Id).Hidden();
    columns.Bound(p => p.pn).Width("150").Title("Part").Filterable(true);
    columns.Bound(p => p.name).Width("150").Title("Name").Filterable(true);
    columns.Bound(p => p.year).Width("150").Title("Year").Filterable(true);
})

.Selectable()
.Sortable(sortable => sortable.AllowUnsort(true).InitialDirection(System.ComponentModel.ListSortDirection.Descending).SortMode(GridSortMode.MultipleColumn))
.Scrollable(s => s.Enabled(true).Height("auto"))
.Resizable(resize => resize.Columns(true))
.AutoBind(true)
.HtmlAttributes(new { style = "width:100%; height:675px;" })
.Events(events => events.Change("Grid_OnRowSelect").DataBound("onDataBoundPN"))
.Filterable(filterable => filterable
    .Extra(false)
    .Operators(operators => operators
    .ForString(str => str.Clear()
    .Contains("Contains")
    ))
)
.DataSource(dataSource => dataSource
    .Ajax()
    .Read(read => read.Action("GetAll_Read", "Maintenance"))
    .ServerOperation(false)
    .AutoSync(true)
    .Model(model =>
    {
        model.Field(p => p.id).Editable(false);
        model.Field(p => p.name).Editable(false);
        model.Field(p => p.year).Editable(false);
        model.Field(p => p.pn).Editable(false);
    })
)
)

I'm also using the following scripts and css in the following order:

 

    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.20.0/jquery.validate.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/4.0.0/jquery.validate.unobtrusive.min.js"></script>
    <script src="~/Scripts/kendo/2023.3.1114/jszip.min.js"></script>
    <script src="~/Scripts/kendo/2023.3.1114/kendo.all.min.js"></script>
    <script src="https://cdn.kendostatic.com/2023.3.1114/js/kendo.aspnetmvc.min.js"></script>
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script>
    <link href="https://kendo.cdn.telerik.com/themes/6.4.0/default/default-ocean-blue.css" rel="stylesheet" type="text/css" />
    <link href="https://kendo.cdn.telerik.com/themes/6.4.0/bootstrap/bootstrap-main.css" rel="stylesheet" type="text/css" />

 

1 Answer, 1 is accepted

Sort by
0
Mihaela
Telerik team
answered on 22 Apr 2024, 03:26 PM

Hi Patrick,

Would you please share the error message at your end?

I have tested the same Grid configuration with Telerik UI for ASP.NET MVC version 2023.3.1114, and it appears that the default column filter menu works as expected at my end. Attached is a runnable sample for your reference.

On a separate note, please ensure that jQuery is referenced only once in the application and update the Kendo UI theme to version 7.0.2 (this is the version that corresponds to version 2023.3.1114). Also, I see that two different Kendo theme files are included - Bootstrap Main theme and the Default ocean-blue theme:

<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<link href="https://kendo.cdn.telerik.com/themes/7.0.2/default/default-ocean-blue.css" rel="stylesheet" type="text/css" />

<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.20.0/jquery.validate.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/4.0.0/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/kendo/2023.3.1114/jszip.min.js"></script>
<script src="~/Scripts/kendo/2023.3.1114/kendo.all.min.js"></script>
<script src="https://cdn.kendostatic.com/2023.3.1114/js/kendo.aspnetmvc.min.js"></script>

 

Best,

Mihaela

Patrick
Top achievements
Rank 1
commented on 22 Apr 2024, 04:01 PM

Mihaela,

The solution was to add Telerik.FontIcons to my References.

The Location of the DLL: packages\Telerik.FontIcons.1.0.2\lib\netstandard1.1\Telerik.FontIcons.dll

Everything now works as expected.

Mihaela
Telerik team
commented on 22 Apr 2024, 09:26 PM

Thank you for confirming that the issue has been resolved at your end.
Tags
Grid
Asked by
Patrick
Top achievements
Rank 1
Answers by
Mihaela
Telerik team
Share this question
or