c# - データベースから取得した画像をCSSスタイルで一覧表示

Question

私は ASP.NET の初心者で、データベースから取得した画像を CSS スタイルのリストとして表示するソリューションを見つけるのに苦労しています。DataList、DataGrid、Repeaterなどを使用するなど、私が見つけたいくつかのソリューションがありますが、それらはすべて表のセルに画像を表示することになり、間隔はフェッチされた画像の数に応じて動的になります。だから、ASP.NET イメージ コントロールで CSS スタイルと共にイメージを表示する方法があるかどうか疑問に思っています (PHP でどのようにできるかなど、奇妙に聞こえるかもしれません)。または、固定列にきちんと表示する方法はありますか? 私はここではダミーなので、親切にして助けてください。どんな提案でも大歓迎です。

Answer 1

それを行うには多くの方法があります。

foreach画像を単純にレンダリングして結果を表示するという単純なループを作成できます。他のコントロールを使用する必要はありません。li単純なcssスタイルで画像を作成してテーブルとしてレンダリングできるため、画像を内部に配置します。

List<string> lMyImages = new List<string>();
StringBuilder sRenderOnMe = new StringBuilder();

foreach(var OneImg in lMyImages)
   sRenderOnMe.AppendFormat("<li><img src=\"{0}\"></li>", OneImg);

OneLiteral.Text = sRenderOnMe.ToString():

を使用してasp:Repeater、その中に好きなようにレンダリングすることもできます。方法： http： //msdn.microsoft.com/en-us/magazine/cc163780.aspx

<asp:Repeater runat="server" id="Repeater1">
    <itemtemplate>
      <li><img src="<%# DataBinder.Eval(Container.DataItem, "ImgSrc") %>"></li>
    </itemtemplate>
</asp:Repeater>

DataListを上書きして、divを使用して好きなようにレンダリングできます。方法：テーブルではなくDivにレンダリングされるデータリストをオーバーライドする方法

Css：これを使用し<liて動的テーブルとして表示される画像をレンダリングする方法は次のとおりです：http：//mirificampress.com/permalink/the_amazing_li

Answer 2

このように使用しない限り、Repeaterはテーブルを作成しません。また、cssを使用してスタイルを設定すると、役立つ場合があります。

<ul>
    <asp:Repeater ID="rptr" runat="server">
        <ItemTemplate>
            <li>
                <ContentTemplate>
                    <asp:Image ID="lnk" runat="server">/asp:LinkButton>|
                </ContentTemplate>
            </li>
        </ItemTemplate>
    </asp:Repeater>
</ul>

Answer 3

WebForms を使用していて、.net コントロールに固執したい場合は、ListViewをご覧ください。