このトピックでは、コード例と共に、igHierarchicalGrid™ 内の連続仮想化機能を有効化し構成する方法について説明します。
virtualization
プロパティを true
に設定することで有効になります。仮想化のタイプは、virtualizationMode
プロパティを continuous に設定することで指定できます。Continuous
(仮想化タイプのデフォルト) に設定されます。igGrid コントロールの virtualization
オプションを true
に設定し、virtualization
モードを continuous
にすることで、仮想化が継続的になります。グリッドの高さは構成可能です。
次の表は、行の高さが 400 ピクセルの行と列に対し、 Continuous
仮想化を設定する方法を示します。
プロパティ | 値 |
---|---|
virtualization | true |
virtualizationMode | continuous |
height | 400px |
次のコードは、例 における設定を構成するものです。
JavaScript の場合:
$("#hierarchicalGrid1").igHierarchicalGrid({
virtualization: true,
virtualizationMode: 'continuous',
height: '400px'
});
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()
%>
このトピックの追加情報については、以下のトピックも合わせてご参照ください。
オンラインで表示: GitHub