DataGrid -- 基本的自訂欄位格式

2008-12-24

如果想要自訂DataGrid的欄位, 就必須格外自訂欄位格式

<data:DataGrid AutoGenerateColumns="False" Name="MyDataGrid" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="50, 200">
    <data:DataGrid.Columns>
        <data:DataGridTextColumn Header="流水號" Binding="{Binding Path=ID}" SortMemberPath="ID" />
        <data:DataGridTemplateColumn Header="代號" SortMemberPath="Code">
            <data:DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <toolkit:Label Content="{Binding Path=Code}" />
                </DataTemplate>
            </data:DataGridTemplateColumn.CellTemplate>
            <data:DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <TextBox Text="{Binding Path=Code}" />
                </DataTemplate>
            </data:DataGridTemplateColumn.CellEditingTemplate>
        </data:DataGridTemplateColumn>
    </data:DataGrid.Columns>
</data:DataGrid>

由於<DataTemplate></DataTemplate>中只能插入一個元件, 所以如果一個欄位要放入一個以上的元件, 就必須先使用容器, 例如 StackPanel或是WarpPanel, 然後再把要加入的元件放入容器中

回首頁