235
How do I add a row and child rows to igTreeGrid?
posted

Hello, I am trying to dynamically add a set of rows with first row as parent, and other rows as child of that parent.

I am doing the following:

@(Html
.Infragistics()
.TreeGrid(Model.GetQuoteDataRows())
.ID("otc-option-quote-page-tree-grid")
.Width("100%")
.Height("100%")
.AutoGenerateColumns(false)
.AutofitLastColumn(true)
.PrimaryKey("PrimaryKey")
.ForeignKey("ParentId")
.ForeignKeyRootValue("0"));

I then call a function with this logic:

var grid = $("#grid");
$.each(dataRows, function (index, value) {
    grid.igTreeGridUpdating("addRow", value);
});

Each value has the primaryKey and foreignKey field set.

However, this seems to add the rows as a flat structure, and does not keep the tree structure.

Is there another method I need to be calling on igTreeGrid?