Kendoui Grid Get Selected Row Id when Edit Button is clicked

[DD101]

I have a simple grid  and I'm having a lot of  trouble collecting the PersonID when the edit button is clicked using JQuery. I need the  PersonID because I'm going to add a file upload to the inline edit column and i want to upload a file and associate it with the PersonID. All help welcome :)

 

Here's my simple grid:

@(Html.Kendo().Grid<GridCustomPopupTemplate.Models.Person>().Name("Grid")
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(m => m.PersonID))
            .Read(read => read.Action("GetPersons", "Home"))
            .Update(up => up.Action("UpdatePerson", "Home"))
    )

    .Columns(columns =>
    {
        columns.Bound(c => c.PersonID).Width(200);
        columns.Bound(c => c.Name);
        columns.Command(cmd => cmd.Edit());
    })

    .Pageable()
    .Sortable()
    .Editable(ed => ed.Mode(GridEditMode.InLine))
   .Events(ev => ev.Edit("doOnRowSelect"))  
)

 

<script type="text/javascript">

    function doOnRowSelect(e) {

         alert(The #PersonID# of the row which we are going to edit here....)

    }

</script>

[DD101]

I should say that I think this issue is specific to the MVC wrapper :(

[Radoslav]

Hi Damien,

Thank you for contacting us.

To achieve the desired functionality you can try using the following code snippet:

function doOnRowSelect(e) {

        var PersonID =  e.sender.dataItem(e.container).PersonID;

        alert("The " + PersonID + " of the row which we are going to edit here....");

    }

Additionally I am sending you a simple example which demonstrates this approach.

If you need further assistance, do not hesitate to contact us again.


Regards,
Radoslav
Telerik