使用c#asp.net在Repeater中显示数据库记录数组

时间:2015-07-04 08:39:47

标签: c# asp.net sql-server-2008

我想使用c#asp.net在视图页面上显示sqlserver内的最后3个图像。我正在使用转发器来显示视图。在下面的代码中我使用的是转发器。

  

的Index.aspx:

<section class="slider" id="slider">
 <asp:Repeater runat="server" ID="rptImageId"  >
                    <div class="ls-slide" data-ls="transition2d:9;slidedelay:7000;">                    
                        <img src="pic/medical-slide-1.jpg" alt="" class="ls-bg">

                        <div class="intro ls-l" data-ls="offsetyin:top;offsetxin:0;durationin:2000;offsetyout:bottom;offsetxout:0;durationout:1000;" style="left:80%;top:35%;">
                            <span class="icon fa fa-heart"></span>
                            <h2><span>SYMPTOM</span>CHECKER</h2>
                            <p>Vestibulum rutrum luctus porta. Maecenas elit nibh</p>
                            <div class="buttons">
                                <a href="javascript:void(0)" class="prev"><i class="fa fa-angle-left"></i></a><!--
                                --><a href="javascript:void(0)" class="button">Read More</a><!--
                                --><a href="javascript:void(0)" class="next"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
              </div>
                    <div class="ls-slide" data-ls="transition2d:40;slidedelay:7000;">               
                        <img src="pic/medical-slide-2.jpg" alt="" class="ls-bg">

                        <div class="intro ls-l" data-ls="scalexin:0.3;scaleyin:0.3;rotatexin:180;offsetxin:0;durationin:2000;durationout:2000;scalexout:2;scaleyout:2;offsetxout:0;fadeout:true;showuntil:3000;" style="left:80%;top:35%;">
                            <span class="icon fa fa-comments"></span>
                            <h2><span>HELP</span>ONLINE</h2>
                            <p>Vestibulum rutrum luctus porta. Maecenas elit nibh</p>
                            <div class="buttons">
                                <a href="javascript:void(0)" class="prev"><i class="fa fa-angle-left"></i></a><!--
                                --><a href="javascript:void(0)" class="button">Read More</a><!--
                                --><a href="javascript:void(0)" class="next"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
              </div>
                    <div class="ls-slide" data-ls="transition2d:11;slidedelay:7000;">
                        <img src="pic/medical-slide-3.jpg" alt="" class="ls-bg">

                        <div class="intro ls-l" data-ls="skewxin:30;skewyin:0;offsetxin:right;fadein:false;durationin:2000;durationout:1000;offsetxout:right;offsetyout:0;fadeout:true;" style="left:80%;top:35%;">
                            <span class="icon fa fa-flask"></span>
                            <h2><span>LAB</span>TESTING</h2>
                            <p>Vestibulum rutrum luctus porta. Maecenas elit nibh</p>
                            <div class="buttons">
                                <a href="javascript:void(0)" class="prev"><i class="fa fa-angle-left"></i></a><!--
                                --><a href="javascript:void(0)" class="button">Read More</a><!--
                                --><a href="javascript:void(0)" class="next"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
</asp:Repeater> 
                </section>

在上面的代码中有3个图像存在(i.e-medical-slide-1.jpg,medical-slide-2.jpg,medical-slide-3.jpg)。我需要在这3个地方设置数据库中的最后3个图像。如何在index.aspx.cs页面内的page_load事件中执行此操作。我的表名是T_Banner,我正在使用sqlsever。请帮我解决这个问题。

1 个答案:

答案 0 :(得分:1)

此查询可能会解决您的问题:

combination_sizetype =  Array ( [0] => 20FR 
            [1] => 20GP 
            [2] => 20HC 
            [3] => 20HD 
            [4] => 20OT 
            [5] => 20RH 
            [6] => 40FR 
            [7] => 40GP 
            [8] => 40HC 
            [9] => 40HD 
            [10] => 40OT 
            [11] => 40RH 
            [12] => 45FR 
            [13] => 45GP 
            [14] => 45HC 
            [15] => 45HD 
            [16] => 45OT 
            [17] => 45RH 
             )

您可能需要根据需要使用ORDER BY

在视图中使用Eval:

见这个例子:

https://social.msdn.microsoft.com/Forums/en-US/fb7c7ffd-f5f0-476c-a4ee-35b3364bf3ed/how-to-bind-repeater-with-images-in-table-column-?forum=adodotnetdataset

无需在转发器内放置三个div,只需一个即可。 转发器根据select语句绑定它三次。