[Solved] Row Selected Event?

[Bob]

I'm feeling pretty stupid.

I have a page that contains a Kendo()Window

The window contains a Kendo().Grid(model)

I have populated the Grid with the data I want and have even made it selectable

@model IEnumerable<HCS.Model.FinancialInstitution>

 

@(Html.Kendo().Grid(Model)

                .Name("Grid")

                .Columns(columns =>

                {

                    columns.Bound(p => p.ID).Visible(false);

                    columns.Bound(p => p.MainRT).Groupable(false);

                    columns.Bound(p => p.LegalName);

                })

                .Sortable()

                .Scrollable()

                .Filterable()

                .Selectable()

                .DataSource(dataSource => dataSource

                            .Ajax()

                            .ServerOperation(false))

                             

)

Now I want to be able to load and populate a page based on the row selected.
Basically I want to return the 'ID' column and have the controller populate the view based on the 'ID'

BUT I AM LOST...

Can somebody please help

[Atanu]

Hi

You can configure your grid a bit different way like this:

@(Html.Kendo().Grid(Model)

                .Name("Grid")

                .Events(events => events.Change("Grid_OnRowSelect"))

                .Columns(columns =>

                {

                    columns.Bound(p => p.MainRT).Groupable(false);

                    columns.Bound(p => p.LegalName);

                })

                .Sortable()

                .Scrollable()

                .Filterable()

                .Selectable()

                .DataSource(dataSource => dataSource

                            .Ajax()

                            .ServerOperation(false)

                                .Model(model =>{model.Id(p => p.ID);})

Now in the Grid_OnRowSelect event of javascript you can get the id as below:

Grid_OnRowSelect = function (e)

{

    var data = this.dataItem(this.select());

    YourRowID = data.id;//IMP

}

The YourRowID is your ID column value which you can pass to your controller-action method by $.ajax call or as required by you.

Hope that helps

[Bob]

That looks very helpful. I'll give it a try.

You also brought up my next question. What is the best way to pass the value to the controller?

I know I could do something like

Grid_OnRowSelect = function (e)

{

    var data = this.dataItem(this.select());

    YourRowID = data.id;//IMP

 

    window.location("ViewName/YourRowID");

}

But I also know that that is So... NOT the way to do it.

I've read about the $.ajax call, so I'll look there

[Atanu]

$.ajax call is a good option if you are passing the value to your controller action from javascript.