バージョン

デフォルトの列と行の定義を変更

xamDataPresenter™ グリッド ビューによって、 FieldLayout をカスタマイズせずにレイアウトを変更できます。 RowColumnColumnSpan、または RowSpan を各 フィールドに設定して、 レコードのレイアウトをさらに制御できます。

以下の手順は、データバインドされた xamDataPresenter を持っていることが前提となります。詳細については、 xamDataPresenter をアプリケーションに追加を参照してください。

以下の手順に従って、xamDataPresenter の Fields で Row、Column、および ColumnSpan を指定します。

  1. 以下の XAML は xamDataPresenter のインスタンスを作成し名前を指定します。

XAML の場合:

<igDP:XamDataPresenter x:Name="XamDataPresenter1" ... >
        <igDP:XamDataPresenter.View>
             <igDP:GridView/>
        </igDP:XamDataPresenter.View>
        ...
</igDP:XamDataPresenter>
  1. 以下の XAML を使用して、xamDataPresenter の FieldLayoutSettings を指定して、 AutoArrangeCells プロパティと AutoGenerateFields プロパティを設定します。

XAML の場合:

...
        <igDP:XamDataPresenter.FieldLayoutSettings>
                <igDP:FieldLayoutSettings AutoArrangeCells="Never"
                  AutoGenerateFields="False" />
        </igDP:XamDataPresenter.FieldLayoutSettings>
...
  1. FieldLayoutSettings を指定して、このコントロールに FieldLayouts を定義します。以下の XAML は FieldLayouts を指定し、次に追加の非バインド フィールドだけでなく、データ ソースから Fields を定義します。各フィールドに Row と Column を設定して、xamDataGrid が特定の Field の位置を指定するのを支援します。最初と 2 番目のフィールドはまた、2 に設定された ColumnSpan を持ち、これによってこれらのフィールドは 1 列だけではなく 2 列に及ぶことができます。ColumnSpan="2" は、これらの 2 つの列に対して Column="0" および Column="1" を指定するものとして考えることができます。

XAML の場合:

...
        <igDP:XamDataPresenter.FieldLayouts>
                <igDP:FieldLayout>
                        <igDP:FieldLayout.Fields>
                                <igDP:Field Name="ProductName" Row="0" Column="0"
                                  ColumnSpan="2" />
                                <igDP:Field Name="CostPerUnit" Row="1" Column="0"/>
                                <igDP:Field Name="Quantity" Row="1" Column="1"/>
                                <igDP:Field Name="Discount" Row="2" Column="1"/>
                                <igDP:Field Name="ShipAndHandle" Row="2" Column="0"/>
                                <igDP:Field Name="Total" Row="3" Column="0" BindingType="Unbound"
                                  ColumnSpan="2"/>
                        </igDP:FieldLayout.Fields>
                </igDP:FieldLayout>
        </igDP:XamDataPresenter.FieldLayouts>
...
  1. プロジェクトをビルドして実行します。以下の画像のように、最初の列と最後の列が中にある 4 つの列の長さにまたがって xamDataPresenter が表示されます。

xamDataPresenter で行と列の定義を変更する