响应asp.net datalist控件的问题。 [英] problem with responsive with asp.net datalist control.

问题描述

我在使用datalist控件时遇到问题。

我使用1列，即使用datalist显示数据15 * 6。我必须采取RepeatColumns =6

我的html设计有响应。当我对动态数据使用datalist控件时，我放松了响应。

这样的设计，

I have a problem with responsive using datalist control.
I am using 1 column, that is display data 15*6 using datalist. I have to take RepeatColumns="6"
my html design have responsive. when I use datalist control for dynamic data, I loose my responsive.
my design like this,

1       2      3    d       s       s
4       5      6    s       e       h
7       8      9    d       d       t
10      11     12 etc..

有没有其他选择。

请帮助我...

谢谢....

Is there any alternative.
Please help me...
Thank you....

推荐答案

<asp:DataList ID="DataList1" runat="server"  RepeatLayout="Flow">
                     <ItemTemplate>
                       <div class="col-sm-4 products">
                    <div class="news_img">
                        <asp:Image ID="Image1" runat="server" class="img-responsive center-block" ImageUrl='<%# bind("backgroundimage") %>'/>
                      </div>
                    <h2 class="heading1">
                        <asp:Label ID="lblName" runat="server" Text='<%# bind("Name") %>'></asp:Label></h2>
                    <p class="product_con">
                        <asp:Label ID="lblDescription" runat="server" Text='<%# bind("Description") %>'></asp:Label></p>
                    <div class="btn btn-primary center-block"><a href="#">+ Read More</a></div>
           </div>

                   </ItemTemplate>

               </asp:DataList>

You can use ListView with bootstrap or some other responsive framework.

<asp:ListView ID="MyListView" runat="server" ...>
    ...
    <ItemTemplate>
        <div class="row">
            <div class="col-md-3"><%# Eval("Name") %></div>
            <div class="col-md-3"><%# Eval("Email") %></div>
            <div class="col-md-3"><%# Eval("Age") %></div>
            <div class="col-md-3"><%# Eval("Address") %></div>
        </div>
    </ItemTemplate>
</asp:ListView>

相同问题

< asp：DataList ID =Image_Resultsrunat =serverRepeatDirection =Horizo​​ntal>

< itemtemplate>

Same problem
<asp:DataList ID="Image_Results" runat="server" RepeatDirection="Horizontal" >
<itemtemplate>

< img style =height：200px; width：200px;src =<％＃Eval（Image_path）％> />

<img style="height:200px; width:200px;" src=" <%# Eval("Image_path") %> " />

这篇关于响应asp.net datalist控件的问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！