IgbDataGrid – セルにボタンを表示する

IgbDataGrid は非推奨のコントロールです。代わりに IgbGrid をご利用ください。IgbGrid での実装方法についてご不明な点がありましたら弊社技術サポートまでお問い合わせください。

本記事の内容を IgbGrid へ移行するには「IgbGrid のセルに行削除のボタンを設ける」を参照ください。

IgbDataGridではTemplateColumnを使用してセルにボタンを表示することが可能です。

<IgbDataGrid ..... >
    <IgbTemplateColumn Field="MyColumn" HeaderText="" Width="100">
        <Template>
            <button @onclick="@(() => TestClick((context.RowItem as SaleInfo).ProductName))">Button</button>
        </Template>
    </IgbTemplateColumn>
.....
</IgbDataGrid>

private void TestClick(string name)
{
}

補足: Blazor Server アプリケーションに上記実装を組み込んだときに、セル内のボタンが一部の行にしか出現しない場合があります。その場合は、下記ナレッジベース記事に記載の実装を追加してください。
“BodyTemplate を含む IgbGrid を Blazor Server で実行するとサーバーとの接続が切断される場合がある | INFRAGISTICS ナレッジベース”