如何：使用 GridView 顯示 ListView 內容

  • 發行項

此範例顯示如何定義 ListView 控制項的 GridView 檢視模式。

範例

您可以藉由指定 GridViewColumn 物件來定義 GridView 的檢視模式。 下列範例顯示如何定義繫結至針對 ListView 控制項所指定資料內容的 GridViewColumn 物件。 這個 GridView 範例會指定三個對應至 EmployeeInfoDataSource 的 FirstName、LastName和 EmployeeNumber欄位的三個 GridViewColumn 物件，這些會設定為 ListView 控制項的 ItemsSource。


<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>

下圖顯示此範例的顯示方式。

顯示具有 GridView 輸出 ListView 的螢幕擷取畫面。

另請參閱