Lazy Load Initial Grid Data MVC

[jwize]

I am using code as follows 

Kendo().Grid
      ...
      .DataSource(datasource => datasource

    .Ajax()

    .Model(m => m.Id(p=> p.Id))

    .Read(read => read.Action("ClassificationTypesGridData", "Admin"))

I have seven grids that load in hidden divs. I don't want them to fetch data until the my show grid button is clicked. 

[Jayesh Goyani]

Hello,

<div>
    <input type="button" id="btnSearch" onclick="BindGrid();" value="Bind" />
</div>
<div id="dvGridContianer" style="display: none;">
    @(Html.Kendo().Grid<MvcApplication1.Models.TestModels>()
        .Name("Grid")
        .Columns(columns =>
        {
            columns.Bound(p => p.ID);
            columns.Bound(p => p.Name);
        })
        .Filterable()
        .Sortable()
        .DataSource(dataSource => dataSource
            .Ajax()
                    .Read(read => read.Action("Grid_Read", "Home").Data("getParameter"))
            .Model(model => { model.Id(p => p.ID); })
        )
    )
</div>
<script type="text/javascript">
    var IsNeedToBind = false;
    function getParameter() {
        return {
            isNeedToBind: IsNeedToBind
        };
    }

    function BindGrid() {
        IsNeedToBind = true;
        $("#dvGridContianer").css('display','');
        $("#Grid").data("kendoGrid").dataSource.read();
        $("#Grid").data("kendoGrid").refresh();
    }
</script>

public ActionResult Grid_Read([DataSourceRequest] DataSourceRequest request, bool isNeedToBind)
        {
            List<TestModels> models = new List<TestModels>();

            if (isNeedToBind)
            {
                for (int i = 1; i < 6; i++)
                {

                    TestModels model = new TestModels();
                    model.ID = i;
                    model.Name = "Name" + i;
                    models.Add(model);

                }
            }

            return Json(models.ToDataSourceResult(request));
        }

Thanks,
Jayesh Goyani

[jwize]

That is the obvious way but it seems like a hack. I was hoping for a more elegant solution. Thanks for taking the time though. 

[Jayesh Goyani]

Hello,

Then please create your grid using JS.

http://www.kendoui.com/forums/ui/grid/how-to-set-min-value-for-kendo-web-grid-numeric-field-filter.aspx

Thanks,
Jayesh Goyani