DataSource video example dont work??

[Hernan]

Before my implementation I reproduced your video example about datasource but my example I use local data (http://www.youtube.com/watch?feature=player_embedded&v=FhHMOjN0Bjc)

I need show the id of "DataSource" when select the kendoGrid although the kendoGrid dont show the id in column

var mydata =  [{id:"1",age:"23",name:"hernan"}];  

 

var myschema = kendo.data.Model.define({

        id : "id",

        name: "name",

        age: "age"

    });

 

var ds = new kendo.data.DataSource({

        data: mydata,

        schema : {

            model : myschema

        }

    });

 

//and in the grid I configured it:

var personId;
$("#grid-distributors").kendoGrid({

        dataSource: ds,

        selectable: true,

        height: 360,

        scrollable: true,

        sortable: true,

        pageable: true,

        change : function() {                  

            var id = this.select().data("id");

            personId = this.dataSource.get(id);

            alert(personId);  //DONT SHOW ME THE ID!! :(

        },

        columns: [         

                {

                field: "name",

                title: "Nombre"                

            },

            {

                field: "age",

                title: "Edad"                  

            }

             

        ]

    });

[Alexander Valchev]

Hello Hernan,

The Id field is part of the currently selected dataItem. You can retrieve it in the following way:

change: function(e) {
    var tr = this.select(); //gets selected <tr> element
    var item = this.dataItem(tr); //gets the dataSource item
    alert("ID: " + item.id);
}

For convenience I made a small example where you can see this approach in action.
I hope this helps.

Regards,
Alexander Valchev
the Telerik team

[Hernan]

Thank you, I also found another way to do it and I want to share in the community 

change : function(e) {

      var uid = this.select().data("uid");

      var selectedRow = ds.getByUid(uid);

      alert("ID: " + selectedRow.get("id") + "NAME: " + selectedRow.get("name"));

}