Empty grid on startup

[Atanu]

Hi

I have a kendo ui grid which should be empty at startup. (Actually its a popup containing a kendo grid)

I have tried using the following code

$("#MyGrid").empty();

$("#MyGrid").kendoGrid();

But it make the grid header and footer invisible.

In Telerik I used to do it with grid.dataBind(null) which works perfectly

Please advise.

[Atanu]

Any update on this will be highly appreciated

[Vladimir Iliev]

Hi Atanu,

 
You should set the AutoBind configuration option to false, and then to populate the Grid with data you should use the Read method of the DataSource.

e.g.:

@(Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.ProductID).Groupable(false);
        columns.Bound(p => p.ProductName);
        columns.Bound(p => p.UnitPrice);
        columns.Bound(p => p.UnitsInStock);
    })
    .AutoBind(false)
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("Products_Read", "Grid"))
    )
)

<script type="">
    $(document).ready(function () {
        //Populate the Grid with data:
        $("#Grid").data("kendoGrid").dataSource.read();
    })
</script>

Kind Regards,
Vladimir Iliev
the Telerik team