方法: GridView を使用して ListView コンテンツを表示する

  • [アーティクル]

この例からは、ListView コントロールの GridView 表示モードを定義する方法がわかります。

例

GridViewColumn オブジェクトを指定することによって GridView の表示モードを定義できます。 次の例では、ListView コントロールに指定されているデータ コンテンツにバインドされる GridViewColumn オブジェクトを定義する方法を示します。 この GridView の例では、ListView コントロールの ItemsSource として設定される EmployeeInfoDataSource の FirstName、LastName、EmployeeNumber フィールドにマッピングされる 3 つの GridViewColumn オブジェクトが指定されます。


<ListView ItemsSource="{Binding Source={StaticResource EmployeeInfoDataSource}}">

    <ListView.View>

        <GridView AllowsColumnReorder="true" ColumnHeaderToolTip="Employee Information">

            <GridViewColumn DisplayMemberBinding="{Binding Path=FirstName}" Header="First Name" Width="100"/>

            <GridViewColumn DisplayMemberBinding="{Binding Path=LastName}" Width="100">
                <GridViewColumnHeader>Last Name
                    <GridViewColumnHeader.ContextMenu>
                        <ContextMenu MenuItem.Click="LastNameCM_Click" Name="LastNameCM">
                            <MenuItem Header="Ascending" />
                            <MenuItem Header="Descending" />
                        </ContextMenu>
                    </GridViewColumnHeader.ContextMenu>
                </GridViewColumnHeader>
            </GridViewColumn>

            <GridViewColumn DisplayMemberBinding="{Binding Path=EmployeeNumber}" Header="Employee No." Width="100"/>
        </GridView>

    </ListView.View>
</ListView>

この例がどのように表示されるかを次の図に示します。

Screenshot that shows a ListView with GridView output.

関連項目