WebDataGrid 列に画像を表示する

  • 公開日:
  • 最終更新日:

WebDataGridの列に画像を表示する場合は、TemplateDataFieldを使用し、中にItemTemplateを入れてください。

あとは、通常のASP.NET WebFormsのItemTemplateの扱い方と同じです。

<ig:WebDataGrid ID="WebDataGrid1" runat="server" Height="500px" Width="400px" AutoGenerateColumns="False" DataKeyFields="ID" >
  <Columns>
    ...
    <ig:TemplateDataField Key="TemplateField">
      <ItemTemplate>
        <asp:Image ID="Image1" ImageUrl='<%# Eval("ImageUrl")%>' runat="server" />
      </ItemTemplate>
      <Header Text="TemplateField">
      </Header>
    </ig:TemplateDataField>
    ...
  </Columns>
</ig:WebDataGrid>

　

実行結果

　

サンプル

KB6089-SampleApp1ダウンロード

　

APIリファレンス

　

Tagged:

製品について

Ultimate UI for ASP.NET

世界最速のデータグリッドやチャートなど、あらゆる場所で利用可能な高性能ASP.NET AJAX UIコントロールを利用し、さまざまなWebブラウザに対応する直感的かつ、高機能業務アプリケーションを構築できます。.NET Core 3に対応し、デスクトップアプリケーションをモダナイズすると同時にパフォーマンスを30％向上します。
» 製品ページはこちら