1

ImageButton内のすべての画像を個別の div に表示したい

 <asp:UpdatePanel ID="UPEmail" runat="server" UpdateMode="Always">
                <ContentTemplate>
                    <asp:DataList  ID="dlImages" runat="server" RepeatColumns="3" CellPadding="25" CellSpacing="25">
                    <ItemTemplate>
                    <asp:Imagebutton class="afbeelding" ID="Image1" CommandName='<%# Bind("Naam") %>' ImageUrl='<%# Bind("image", "http://url/Thumbs/{0}") %>' runat="server" style="width:200px; height: 250px; border: 2px grey solid;"  /><br />
                    <asp:Label ID="Label1" runat="server" Text='<%# Bind("Naam") %>'></asp:Label>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                    </asp:DataList>
                </ContentTemplate>
                <Triggers>
                <asp:AsyncPostBackTrigger ControlID="ddlType" EventName="SelectedIndexChanged" />
                <asp:AsyncPostBackTrigger ControlID="ddlCollection" EventName="SelectedIndexChanged" />
                <asp:AsyncPostBackTrigger ControlID="ddlMateriaal" EventName="SelectedIndexChanged" />
                </Triggers>
                </asp:UpdatePanel>

それを行う方法はありますか？

4

2 に答える 2

1

あなたはCSSを使うことができますstyle="display:block"

したがって、コードを次のように変更します

<asp:Imagebutton class="afbeelding" ID="Image1" CommandName='<%# Bind("Naam") %>' ImageUrl='<%# Bind("image", "url/Thumbs/{0}") %>' runat="server" style="display:block;width:200px; height: 250px; border: 2px grey solid;"  />

続きを読むhttp://www.w3schools.com/cssref/pr_class_display.asp

于 2013-07-24T13:47:37.057 に答える
1

更新中の元の投稿に基づいて更新されました... divでラップします。以下では、すべての div に「imageWrapper」クラス名を配置し、一意の「imageWrapper[Naam going here]」を ID として配置します。必要に応じて、div のクラス/ID を削除します。

<asp:UpdatePanel ID="UPEmail" runat="server" UpdateMode="Always">
            <ContentTemplate>
                <asp:DataList  ID="DlImages" runat="server" RepeatColumns="3"
                    CellPadding="25" CellSpacing="25">
                <ItemTemplate>
                <div class="imageWrapper" id='<%# eval("Naam", "imageWrapper{0}") %>'>
                <asp:Imagebutton class="afbeelding" ID="Image1" CommandName='<%# Bind("Naam")%>'
                    ImageUrl = '<%# Bind("image", "http://url/{0}") %>' runat="server"
                    style="width:200px; height: 250px; border: 2px grey solid;z-index: 10;"  />
                    </div><br />
                    <asp:Label ID="Label1" runat="server" Text='<%# Bind("Naam") %>'></asp:Label>
 </ItemTemplate>
                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                </asp:DataList>
            </ContentTemplate>
            <Triggers>
            <asp:AsyncPostBackTrigger ControlID="ddlType" EventName="SelectedIndexChanged" />
            <asp:AsyncPostBackTrigger ControlID="ddlCollection"
                EventName="SelectedIndexChanged" />
            <asp:AsyncPostBackTrigger ControlID="ddlMateriaal"
                EventName="SelectedIndexChanged" />
            </Triggers>
            </asp:UpdatePanel>
于 2013-07-24T13:59:59.093 に答える