2

C# を使用して、ASP.net のデータ グリッド ビューの列に複数の画像を追加しようとしています。

画像名はデータベースにあり、一部のユーザーは 10 個の画像を持ち、他のユーザーは画像を持たず、その中間のユーザーもいます。

私は ItemTemplate を追加できることを理解しましたが、私が望むのはロード時にプログラムで数値を生成することです。

これは可能ですか

 <asp:GridView ID="dgvTopPlayers" runat="server" AutoGenerateColumns="False" 
        onrowdatabound="dgvTopPlayers_RowDataBound" 
        onrowcreated="dgvTopPlayers_RowCreated" ShowHeaderWhenEmpty="True">
        <Columns>
            <asp:HyperLinkField DataNavigateUrlFields="UserID" 
                DataNavigateUrlFormatString="~/UserProfile.aspx?UserId={0}" 
                DataTextField="UserName" HeaderText="UserName" 
                />
            <asp:BoundField DataField="Last7Days" HeaderText="Last7Days" />
            <asp:BoundField DataField="LastMonth" HeaderText="LastMonth" />
            <asp:BoundField DataField="TotalPoints" HeaderText="TotalPoints" />
            <asp:BoundField DataField="IdeaCount" HeaderText="IdeaCount" />
            <asp:BoundField DataField="ChallengeCount" HeaderText="ChallengeCount" />
            <asp:TemplateField HeaderText="Badges"  >
                <EditItemTemplate>
                    <asp:TextBox ID="TextBox1" runat="server" Text='<%# Eval("BadgeIcons") %>' 
                        Tooltip='<%# Eval("BadgeIcons") %>'></asp:TextBox>
                </EditItemTemplate>
                <ItemTemplate>
                    <asp:Image ID="Image1" runat="server" AlternateText='<%# Eval("BadgeIcons") %>' 
                        ImageUrl='<%# Eval("BadgeIcons") %>' />
                        <asp:Image ID="Image2" runat="server" AlternateText='<%# Eval("BadgeIcons") %>' 
                        ImageUrl="~/Images/puzzleIcon.png" />
                        <asp:Image ID="Image3" runat="server" AlternateText='<%# Eval("BadgeIcons") %>' 
                        ImageUrl="~/IMAGES/caution.png" />
                        <asp:Image ID="Image4" runat="server" AlternateText='<%# Eval("BadgeIcons") %>' 
                        ImageUrl="~/IMAGES/reportabuse.png" />
                        <asp:Image ID="Image5" runat="server" AlternateText='<%# Eval("BadgeIcons") %>' 
                        ImageUrl="~/IMAGES/yellow_star.png" />
                </ItemTemplate>


                <ItemStyle Width="35%" />


            </asp:TemplateField>
        </Columns>

    </asp:GridView>
4

1 に答える 1

1

パネルまたはプレースホルダーを 内に配置しItemTemplate、RowDataBound 内に画像を追加します。これは既にあるためです。

<asp:TemplateField HeaderText="Badges"  >
   <EditItemTemplate>
      <asp:TextBox ID="TextBox1" runat="server" Text='<%# Eval("BadgeIcons") %>' 
         Tooltip='<%# Eval("BadgeIcons") %>'></asp:TextBox>
   </EditItemTemplate>
   <ItemTemplate>
      <asp:Panel ID="ImagePanel".../>
  </ItemTemplate>
</asp:TemplateField>


void dgvTopPlayers_RowDataBound(Object sender, GridViewRowEventArgs e)
{
   if(e.Row.RowType == DataControlRowType.DataRow)
   {
      // *** Cast to appropiate object ***
      var user = e.Row.DataItem as User;
      var panel = e.Row.FindControl("ImagePanel") as Panel;
      var images = user.BadgeIcons.Split(',');      
      foreach(var img in images) {
         panel.Controls.Add(new Image{ ID = UniqueID, ImageUrl = "~/IMAGES/" + img });
      }
   }
}
于 2013-03-20T17:00:39.880 に答える