バージョン

xamGrid コントロールの代わりに xamDataGrid コントロールを使用してください。xamGrid は数年以内に廃止する予定のため、新しい機能の追加はありません。xamGrid のサポートおよび重要なバグ修正は廃止時まで提供されます。コードベースの xamDataGrid への移動に関する質問は、サポートまでお問い合わせください。

行コマンドの追加

xamGrid コントロールによってグリッドの各行に行コマンドを追加できます。xamGrid のテンプレート列を使用して、2 つのボタン コントロールを追加します。その Click イベントは xamGrid コントロールの xamGridRowCommandSource プロパティを使用して、Delete 行および Edit 行コマンドにマップされます。以下の表は、使用可能な xamGridRowCommand 値を示します。

xamGirdRowCommand 説明

行を削除します。

行を編集モードにします。

行を縮小します。

行を展開します。

以下のコードは、テンプレート列を使用して xamGrid で各行に Delete 行コマンドと Edit 行コマンドがマップされたボタンを表示する方法を示します。

Note

注: このコードは「データ バインディング」トピックで説明されるカスタム データへのデータ バインディングを使用しています。

XAML の場合:

xmlns:ig="http://schemas.infragistics.com/xaml"
...
<ig:XamGrid x:Name="xamGrid" Margin="20"
   ItemsSource="{Binding Source={StaticResource DataToolCars}, Path=CountryCarMakers}">
   <ig:XamGrid.PagerSettings>
      <ig:PagerSettings AllowPaging="Top" PageSize="8"
   </ig:XamGrid.PagerSettings>
   <ig:XamGrid.Columns>
      <!-- TODO: Row コマンドで Unbound Column オブジェクトを追加します -->
      <ig:UnboundColumn Key="Row Commands" HorizontalContentAlignment="Center">
         <ig:UnboundColumn.ItemTemplate>
            <DataTemplate>
               <!-- Row コマンドにマップされたコントロールで StackPanel を追加します -->
               <StackPanel Orientation="Horizontal"  >
                  <Button Content="Delete" Width="60" >
                     <ig:Commanding.Command>
                        <ig:XamGridRowCommandSource EventName="Click"
                                                           CommandType="Delete">
                        </ig:XamGridRowCommandSource>
                     </ig:Commanding.Command>
                  </Button>
                  <Button Content="Edit" Width="60" >
                     <ig:Commanding.Command>
                        <ig:XamGridRowCommandSource EventName="Click"
                                                           CommandType="Edit">
                        </ig:XamGridRowCommandSource>
                     </ig:Commanding.Command>
                  </Button>
               </StackPanel>
            </DataTemplate>
         </ig:UnboundColumn.ItemTemplate>
      </ig:UnboundColumn>
   </ig:XamGrid.Columns>
</ig:XamGrid>

以下の画像は、各データ行に Delete 行コマンドと Edit 行コマンドがマップされた 2 つのボタンが付いた xamGrid を示します。

xamGrid Add Row Commands 01.png