selectItem
Gets or sets the table row which is selected.
Parameters
row Element|jQuery
A DOM element or a jQuery object which represents the table row.
Returns
jQuery—The selected table row.
Example - selecting a table row
<button id="btn">Highlight the second row</button>
<div id="propertyGrid"></div>
<script>
$("#propertyGrid").kendoPropertyGrid({
model: {
foo: "bar",
baz: 5
},
width: 500
});
$("#btn").click(function(){
var component = $("#propertyGrid").data("kendoPropertyGrid");
component.selectItem($("#propertyGrid tbody>tr:nth(1)"));
});
</script>Example - getting the selected table row
<button id="btn">Get selected row info</button>
<div id="propertyGrid"></div>
<script>
$("#propertyGrid").kendoPropertyGrid({
model: {
foo: "bar",
baz: 5
},
width: 500
});
$("#btn").click(function(){
var component = $("#propertyGrid").data("kendoPropertyGrid");
var row = component.selectItem();
if(row.length > 0){
var data = component.dataItem(row);
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log(data.value);
}
});
</script>In this article