Binding multiple Events for a Grid with the => notation

[Thomas Sonnenschein]

Hello Community,

  I have a syntax problem, which even with extensive internet search, I found no solution.

I want to create a grid with a function bound to the "DataBound" and the "DataBinding" event.

My Syntax is like this (incomplete snippet here, but correct:working)
@(Html.Kendo ().Grid<mvcEw.Models.WeldersModel> (Model)
                                        .Name ("MasterGrid")
                                        .Events (events => events.DataBound ("gridDataBound"))
                                        .HtmlAttributes (new { style = "height:100%;" })
...

But this binds only the "DataBound" Event. How can I add here additionally the "DataBinding" Event? An additional row like
       .Events (events => events.DataBinding ("gridDataBinding"))
direct under the first .Event row gives syntax and runtime error. I'm stuck here.

All Samples in the net bind only one event like this and I don`t want to bind afterwords via JavaScript. All declaration should be together for this grid.

In hope for help
  Thomas

[Thomas Sonnenschein]

Hello again,

  I think, I found the problem. The syntax (which I found after another some hours of searching and then found a sample to a complete other theme) was in fact correct, But the Event "DataBinding" which is here described, cannot be used in the HTML helper.The underlying "GridEventBuilder" Class has no member "DataBinding". So the documentation I think is wrong.

Even in the GridBuilder Documentation (nearly at the end of the Page in the section "Events" there is code for binding to the "DataBinding", which is not working in Kendo UI for ASP.NET MVC Q3 2012 (2012.3.1315).

So the question now is, how to bind the "DataBinding" or a similar event to my grid?

Greetings
  Thomas

[Vladimir Iliev]

Hi Thomas,

 
Basically the DataBinding event currently is not exposed in the Grid HTML helper, however you can bind it on document ready - please check the example below:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.ProductID).Groupable(false).Width(140);
        columns.Bound(p => p.ProductName);
    })
    .Pageable()
    .Events(e => e.DataBound("onDataBound"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("Products_Read", "Grid"))
     )
)

<script>
    function onDataBound(e) {
        //DataBound event handler code
    }

    $(function () {
        var grid = $("#Grid").data("kendoGrid");
        grid.bind("dataBinding", function () {
            //DataBinding event handler code
            debugger;
        });
    })
</script>

 Kind Regards,
Vladimir Iliev
the Telerik team