This topic explains, with code examples, how to enable and configure the Continuous Virtualization feature in the igHierarchicalGrid™.
virtualization
property to true
. The type of Virtualization is specified though setting the virtualizationMode
property to continuous.Continuous
(the default Virtualization type).Continuous Virtualization is enabled by setting the virtualization
option of the igGrid control to true
and virtualization
mode to continuous
. The height of the grid is configurable.
The following table demonstrates how to configure Continuous
Virtualization for both rows and columns with row height of 400 pixels.
Property | Value |
---|---|
virtualization | true |
virtualizationMode | continuous |
height | 400px |
The following code configures the setting in the Example.
In JavaScript:
$("#hierarchicalGrid1").igHierarchicalGrid({
virtualization: true,
virtualizationMode: 'continuous',
height: '400px'
});
In ASPX:
<%= Html.Infragistics().Grid(Model).ID("hierarchicalGrid1").LoadOnDemand(false).AutoGenerateColumns(false).AutoGenerateLayouts(false).PrimaryKey("ProjectID").Columns(column =>
{
column.For(x => x.ProjectID)
.HeaderText(this.GetGlobalResourceObject("HierarchicalGrid", "ProjectID")
.ToString());
column.For(x => x.Name)
.HeaderText(this.GetGlobalResourceObject("HierarchicalGrid", "Name")
.ToString());
column.For(x => x.StartDate)
.HeaderText(this.GetGlobalResourceObject("HierarchicalGrid", "StartDate")
.ToString());
column.For(x => x.EndDate)
.HeaderText(this.GetGlobalResourceObject("HierarchicalGrid", "EndDate")
.ToString());
})
.Virtualization(true)
.VirtualizationMode(VirtualizationMode.Continuous)
.ColumnLayouts(layouts => {
layouts.For(x => x.Scrums)
.PrimaryKey("ScrumID")
.ForeignKey("ProjectID")
.AutoGenerateColumns(false)
.AutoGenerateLayouts(false)
.Columns(childcolumn =>
{
childcolumn.For(x => x.ScrumID)
.HeaderText(this.GetGlobalResourceObject("HierarchicalGrid", "ScrumID")
.ToString());
childcolumn.For(x => x.ProjectID)
.HeaderText(this.GetGlobalResourceObject("HierarchicalGrid", "ProjectID")
.ToString());
childcolumn.For(x => x.Summary)
.HeaderText(this.GetGlobalResourceObject("HierarchicalGrid", "Summary")
.ToString());
childcolumn.For(x => x.Notes)
.HeaderText(this.GetGlobalResourceObject("HierarchicalGrid", "Notes")
.ToString());
})
.Virtualization(true)
.VirtualizationMode(VirtualizationMode.Continuous)
.Height("400px")
}).DataBind().Height("500px").Render()
%>
The following topics provide additional information related to this topic.
View on GitHub