Pass a value to something else onChange

[sitefinitysteve]

In the OnChange event, I need to pass the "datakey" (for a lack of a better word) to another object.  Problem is the ID field isn't actually visible in the grid...

Suggestions?...is there a way to do a hidden column?

[Rosen]

Hi Steve,

You may use the dataSource's view to get the dataItem. Please take a look at this jsfiddle test page.

Greetings,
Rosen
the Telerik team

[sitefinitysteve]

Hmmm, my grid isn't populated via the DS component though...what would I do in that case?

Like I could ALSO have a hidden column with the IDs and just to find the selected element with jQuery?...but no hidden columsn?

[Rosen]

Steve,

Did you get a chance  to look at the link I have provided in my previous message? As you may know there is always a dataSource within the grid, even if you did not explicitly provide one.

Indeed, currently there are not  hidden columns. Hidden column is not needed in this case as the entire data item is available.

Greetings,
Rosen
the Telerik team

[sitefinitysteve]

AH ha!  I was doing it wrong, but yes indeed this now works and the entire dataitem being there is very very nice indeed

Thanks much!

$("#mediaitems").kendoGrid({

                               dataSource: data.mediaitems,

                               scrollable: true,

                               selectable: true,

                               sortable: true,

                               pageable: false,

                               change: function (e) {

                                   var dataItem = this.dataSource.view()[this.select().index()];

                                   alert(dataItem.nodeid);

                               },

                               columns: [

                                   { field: "rating", title: "Rating", width: "100px" },

                                   { field: "title", title: "Title" },

                                   { field: "speaker", title: "Speaker" },

                                   { field: "date", title: "Created", width: "200px", template: '<#= kendo.toString(date,"dd MMMM yyyy") #>' },

                                   { field: "nodeid", title: "Actions", width: "100px", template: '<a class="videolink" href="http://media.dev123.medportal.ca/kendosearch.aspx?id=<;#= nodeid #>">link to video </a>' }

                               ]

                           }

);

[Voss]

this.dataSource.view()[this.select().closest("tr").index()];
this.dataSource.view()[this.select().index()];

Whats the difference in the code above. I've seen both given as examples of extracting the selected data item from a grid?

[Rosen]

Hello Voss,

Both approaches are valid, however it depends on the selection mode. The first should be used if cell selection is used and the second one can be used if row selection is enabled.

Regards,
Rosen
the Telerik team