New to Telerik UI for ASP.NET Core? Download free 30-day trial

Setting Conditional Grid Properties

Environment

Product Progress® Kendo UI® Grid for ASP.NET MVC

Description

How can I set some of the Telerik UI for ASP.NET Core Grid properties depending on a condition?

Solution

You can achieve this requirement by defining the Grid to a variable instance and then apply the logic using if conditional statements. Finally, you can call the .Render() method to display the Grid.

@{
    var isAdmin = true;

    var grid = (Html.Kendo().Grid<KendoGridProject.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()
                 .Scrollable()
                 .HtmlAttributes(new
                 {
                     style = "height:550px;"
                 })
                 .DataSource(dataSource => dataSource
                     .Ajax()
                     .PageSize(20)
                     .Model(m=>m.Id("OrderID"))
                     .Read(read => read.Action("Orders_Read", "Grid"))
                 )
             );

    if (isAdmin)
    {
        grid.Editable();
        grid.Sortable();
        grid.Filterable();
        grid.Sortable();
    }

    grid.Render();
}

More ASP.NET Core Grid Resources

See Also

In this article