How to get grid selected row value ajax

[Santhosh]

How to get the row value on Kendo grid row selection change.  I used a ajax method to bind the Kendo grid. 

@(Html.Kendo().Grid<OnlineAB.Models.GoodsServiceModel>()

            .Name("GSSrcGrid")

            .Columns(columns =>

            {

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

                columns.Bound(gs => gs.GSPrice).Groupable(false).Width(100);

                columns.Bound(gs => gs.GSTime).Width(100);

                columns.Bound(gs => gs.GSDescription).Width(200);

                columns.Bound(gs => gs.GSTitle).Width(150);

                columns.Bound(gs => gs.GSCode).Width(120);

            })

            .DataSource(dataSource => dataSource

                .Ajax()

                .Read(read => read.Action("GetGoodsandService", "GS")

                    .Data("GetParam"))

                .ServerOperation(false)

            )

            .Sortable()

            .Scrollable()

            .Filterable()

            .RowAction(row => row.HtmlAttributes.Add("data-id", row.DataItem.ID))

            .Selectable(s => s.Mode(GridSelectionMode.Single))

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

    )

and js code snippet

function GSSelectionChange() {

         var gsgrid = $('#GSSrcGrid').data('kendoGrid');

        var goods = gsgrid.select();

        var goodsID = goods.data("id");

        alert(goodsID);

}

goodsID always return undefined.  Whats the wrong with this.


thanks
Santhosh

[Lakhani]

Change your GSSelectionChange Like as bellow

function GSSelectionChange() {

var selectedrow = $("#GSSrcGrid").find("tbody tr.k-state-selected");
   var goods = $('#GSSrcGrid').data("kendoGrid").dataItem(selectedrow);
   var goodsjson = goods.toJSON();
   var goodsID = goodsjson.id;
}

[Ravi]

Hello,

I am handling the same scenerio, So i have used your code sample.

function GSSelectionChange() {

var selectedrow = $("#GSSrcGrid").find("tbody tr.k-state-selected");
   var goods = $('#GSSrcGrid').data("kendoGrid").dataItem(selectedrow);
   var goodsjson = goods.toJSON();
   var goodsID = goodsjson.id;
}

It returns the object for Selectedrow
 
but to execute the below line of code 
   var goods = $('#GSSrcGrid').data("kendoGrid").dataItem(selectedrow);
it thow the error "Microsoft JScript runtime error: 'this._data' is null or not an object".

Could you please help me.

Regards,
Ravi

[Santhosh]

Hi Ravi

Try this method

function GSSelectionChange() {

        var goods = this.select(),

            goodsID = this.dataItem(goods).ID;

..

}

thanks
Santhosh

[Ravi]

Thanks Santosh

Regards,
Ravi