Ignite UI jQuery Hierarchical Grid - activeRowChanged event
http://www.infragistics.com/community/forums/t/83954.aspx
HTML
<script src="http://cdn-na.infragistics.com/jquery/20122/latest/js/infragistics.loader.js"></script>
<div id="dgCategory"></div>
<div id="selection"></div>
JavaScript
var categoryList;
$.ig.loader({
scriptPath: 'http://cdn-na.infragistics.com/jquery/20122/latest/js/',
cssPath: 'http://cdn-na.infragistics.com/jquery/20122/latest/css/',
resources: "igHierarchicalGrid.Selection"
});
setupData();
$.ig.loader(function () {
$("#dgCategory").igHierarchicalGrid({
primaryKey: "CategoryID",
width: 270,
dataSourceType: "json",
height: 300,
autoGenerateColumns: false,
responseDataKey: "List",
showHeader: true,
initialDataBindDepth: -1,
initialExpandDepth: -1,
dataSource: categoryList.List,
columns: [{
key: "CategoryID",
dataType: "number",
hidden: true
}, {
key: "CategoryName",
headerText: "Category",
dataType: "string"
}],
autoGenerateLayouts: false,
columnLayouts: [{
key: "PropertyList",
primaryKey: "PropertyID",
foreignKey: "CategoryID",
responseDataKey: "List",
autoGenerateColumns: false,
autoGenerateLayouts: false,
showHeader: true,
columns: [{
key: "CategoryID",
dataType: "number",
hidden: true
}, {
key: "PropertyID",
dataType: "number",
hidden: true
}, {
key: "PropertyName",
headerText: "Property"
}],
columnLayouts: [{
key: "ValueList",
primaryKey: "ValueID",
foreignKey: "PropertyID",
responseDataKey: "List",
autoGenerateColumns: false,
autoGenerateLayouts: false,
showHeader: false,
rowTemplate: "<tr><td></td><td></td><td data-datakey='${PropertyID}'>${Value}</td></tr>",
columns: [{
key:...