Skip to main content

igHierarchicalGrid

Namespace: Wisej.Web.Ext.Ignite

Assembly: Wisej.Web.Ext.Ignite (4.1.0.0)

The igHierarchicalGrid is built on top of the fastest jQuery grid on the market, the igGrid. It adds the capability to display hierarchical data sets.

public class igHierarchicalGrid : igBase

Constructors​

Instance member igHierarchicalGrid()​

Constructs a new instance of the igHierarchicalGrid class.

Example:

The following example creates a hierarchical grid and binds it to a list of customers, each with a nested list of orders. The grid generates the columns and the child layouts from the data.

var grid = new igHierarchicalGrid();
grid.Options.dataSource = customersWithOrders;
grid.Options.autoGenerateColumns = true;
grid.Options.autoGenerateLayouts = true;
grid.Dock = DockStyle.Fill;
this.Controls.Add(grid);

Instance member igHierarchicalGrid(options)​

Constructs a new instance of the igHierarchicalGrid class using the specified options.

NameTypeDescription
optionsObjectInitial set of options passed to the igHierarchicalGrid widget: an anonymous object, a JSON string or a dynamic object.

Example:

The following example creates a hierarchical grid that defines the child layout used to display the Orders of each customer.

var grid = new igHierarchicalGrid(new
{
dataSource = customersWithOrders,
primaryKey = "Id",
autoGenerateColumns = false,
autoGenerateLayouts = false,
columns = new[]
{
new { key = "Id", headerText = "Id", dataType = "number" },
new { key = "Name", headerText = "Customer", dataType = "string" }
},
columnLayouts = new[]
{
new { key = "Orders", primaryKey = "OrderId", foreignKey = "CustomerId", autoGenerateColumns = true }
}
});
grid.Dock = DockStyle.Fill;
this.Controls.Add(grid);

Implements​