如何在ASP.NET中动态地使用转发器控件重复上述设计? [英] How can I repeat the above design using a repeater control dynamically in ASP.NET ?

查看:64
本文介绍了如何在ASP.NET中动态地使用转发器控件重复上述设计?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

<div class="row">
       <div class="col-md-12">
           <div class="col-md-6 col-sm-6 col-xs-12 nopaddingleft mob_padd_right">
               <div class="article_inner">
                   <a href="articlepage.html">
                       <div class="imgsec">
                           <img src="dhome/images/fashion1.jpg" alt="beauty">
                       </div>
                       <div class="textsec">
                           <div class="triangle_top">
                           </div>
                           <h4>
                               Why most cyclones hit India’s east coast
                           </h4>
                           <p>
                               Cyclone Fani has made landfall in Puri coast, Odisha. Landfa.cyclone Fani has made
                               landfall in Puri coast, Odisha. Landfa
                           </p>
                           <div class="likesdisplay">
                               0 Likes</div>
                           <h6>
                               Know More</h6>
                       </div>
                   </a>
                   <hr>
                   <div class="btn-sec">
                       <div class="row">
                           <div class="col-md-12 col-xs-12">
                               <div class="col-md-6 col-xs-6">
                                   <div class="lkbtndiv" style="text-align: center">
                                       <img src="dhome/images/like btn.png" width="30px" height="30px" alt="like">
                                       <span>Like</span>
                                   </div>
                               </div>
                               <div class="col-md-6 col-xs-6">
                                   <div class="shbtndiv" style="text-align: center" data-rel="share16">
                                       <img src="dhome/images/share btn.png" width="30px" height="30px" alt="share">
                                       <span>Share</span>
                                       <div class="sharelistbox" id="share16" style="display: none;">
                                           <div class="sharelinks">
                                               <a href="#">
                                                   <img src="dhome/images/fb.png" alt="facebook">
                                                   <span>Share via Facebook</span> </a>
                                           </div>
                                           <div class="sharelinks">
                                               <a href="#">
                                                   <img src="dhome/images/whatsapp.png" alt="whatsapp">
                                                   <span>Share via Whatsapp</span> </a>
                                           </div>
                                           <div class="sharelinks">
                                               <a href="#">
                                                   <img src="dhome/images/twittericon.png" alt="twitter">
                                                   <span style="margin-right: 20px">Share via Twitter</span> </a>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
           <div class="col-md-6 col-sm-6 col-xs-12 nopaddingright mob_padd_left">
               <div class="article_inner">
                   <a href="articlepage1.html">
                       <div class="imgsec">
                           <img src="dhome/images/fashion2.jpg" alt="beauty">
                       </div>
                       <div class="textsec">
                           <div class="triangle_top">
                           </div>
                           <h4>
                               TOI Top 10: Where've all the Kiwis gone this IPL?</h4>
                           <p>
                               PM Modi and Rahul Gandhi to campaign in Rajasthan; Chanda Kochhar to appear before
                               ED; Delhi court verdict in AgustaWestland charge sheet leak case; IPL (Kings XI
                               Punjab v Kolkata Knight Riders); World Press Freedom Day</p>
                           <div class="likesdisplay">
                               0 Likes</div>
                           <h6>
                               Know More</h6>
                       </div>
                   </a>
                   <hr>
                   <div class="btn-sec">
                       <div class="row">
                           <div class="col-md-12 col-xs-12">
                               <div class="col-md-6 col-xs-6">
                                   <div class="lkbtndiv" style="text-align: center">
                                       <img src="dhome/images/like btn.png" width="30px" height="30px" alt="like">
                                       <span>Like</span>
                                   </div>
                               </div>
                               <div class="col-md-6 col-xs-6">
                                   <div class="shbtndiv" style="text-align: center" data-rel="share17">
                                       <img src="dhome/images/share btn.png" width="30px" height="30px" alt="share">
                                       <span>Share</span>
                                       <div class="sharelistbox" id="share17" style="display: none;">
                                           <div class="sharelinks">
                                               <a href="#">
                                                   <img src="dhome/images/fb.png" alt="facebook">
                                                   <span>Share via Facebook</span> </a>
                                           </div>
                                           <div class="sharelinks">
                                               <a href="#">
                                                   <img src="dhome/images/whatsapp.png" alt="whatsapp">
                                                   <span>Share via Whatsapp</span> </a>
                                           </div>
                                           <div class="sharelinks">
                                               <a href="#">
                                                   <img src="dhome/images/twittericon.png" alt="twitter">
                                                   <span style="margin-right: 20px">Share via Twitter</span> </a>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <div class="row">
       <div class="col-md-12">
           <div class="article_inner">
               <div class="col-md-6 col-sm-6 col-xs-12 nopadding">
                   <a href="#">
                       <div class="imgsec">
                           <img src="dhome/images/fashion3.jpg" alt="">
                       </div>
                   </a>
               </div>
               <div class="col-md-6 col-sm-6 col-xs-12 nopadding">
                   <a href="#">
                       <div class="textsec">
                           <div class="triangle_left">
                           </div>
                           <div class="mob_triangle_top" style="display: none">
                           </div>
                           <h4>
                               Blackmail on WhatsApp, FB: All you need to know</h4>
                           <p>
                               acebook, WhatsApp and, of course, Instagram have become lifeline for millennials.
                               People find and maintain friendships, love and even relationships online, making
                               these platforms so essential. However, the sad reality is that these same platforms
                               can become a nightmare for anyone at any moment. Recently, an imposter, most likely
                               a 21-year old male, tricked a17-year old college boy into sharing his nudes and
                               later used them to extort Rs 6.4 lakh and ornaments.</p>
                           <div class="likesdisplay">
                               0 Likes</div>
                           <h6>
                               Know More</h6>
                       </div>
                   </a>
                   <hr>
                   <div class="btn-sec">
                       <div class="row">
                           <div class="col-md-12 col-xs-12">
                               <div class="col-md-6 col-xs-6">
                                   <div class="lkbtndiv" style="text-align: center">
                                       <img src="dhome/images/like btn.png" width="30px" height="30px" alt="like">
                                       <span>Like</span>
                                   </div>
                               </div>
                               <div class="col-md-6 col-xs-6">
                                   <div class="shbtndiv" style="text-align: center" data-rel="share18">
                                       <img src="dhome/images/share btn.png" width="30px" height="30px" alt="share">
                                       <span>Share</span>
                                       <div class="sharelistbox" id="share18" style="display: none;">
                                           <div class="sharelinks">
                                               <a href="#">
                                                   <img src="dhome/images/fb.png" alt="facebook">
                                                   <span>Share via Facebook</span> </a>
                                           </div>
                                           <div class="sharelinks">
                                               <a href="#">
                                                   <img src="dhome/images/whatsapp.png" alt="whatsapp">
                                                   <span>Share via Whatsapp</span> </a>
                                           </div>
                                           <div class="sharelinks">
                                               <a href="#">
                                                   <img src="dhome/images/twittericon.png" alt="twitter">
                                                   <span style="margin-right: 20px">Share via Twitter</span> </a>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>





我尝试过:





What I have tried:

In this way the the design will repeat continuosly. So how can i implement this dynamically ?

推荐答案

如果必须使用ASP.NET,请在转发器中对其进行模板化。你被困在哪里?你为什么使用ASP.NET?与MVC或(更好)Angular
If you must use ASP.NET, template it in a repeater. Where are you stuck? Why are you using ASP.NET? It's pretty awful compared to MVC or (better) Angular


这篇关于如何在ASP.NET中动态地使用转发器控件重复上述设计?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆