테이블의 데이터를 프런트 엔드의 리피터에 바인딩합니다.

Question

테이블의 데이터를 리피터에 바인딩하려는 테이블이 있습니다. 그러나 나는 이것을 얻는 방법을 시작할 수 없습니다. 여기 내 디자인 HTML입니다. 중계기에서 필요합니다.

나는 this

그리고 내 HTML이 somethig에 아래처럼 뭔가 보여주고 싶은 : -

<div class="Newsdivalign"> 
       <div id="testMsg" class="popup"> 
        <div class="popup-container"> 
         <div class="popup-content"> 
          <div class="popup-close js-popup-close modal-close">X</div> 
          <div> 
           <p class="popup-para">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</p> 
          </div> 
          <div style="padding: 7px;"> 
           <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST</p> 
           <p class="SStorypara"> 
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been 
            the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley 
            of type and scrambled it to make a type specimen book. It has survived not only five centuries, but 
            also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in 
            the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more 
            recently with desktop publishing software like Aldus PageMaker including versions of Lorem 
            Ipsum. 
           </p> 
           <p class="SStorypara"> 
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been 
            the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley 
            of type and scrambled it to make a type specimen book. It has survived not only five centuries, but 
            also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in 
            the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more 
            recently with desktop publishing software like Aldus PageMaker including versions of Lorem 
            Ipsum. 
           </p> 
           <p class="SStorypara"> 
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been 
            the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley 
            of type and scrambled it to make a type specimen book. It has survived not only five centuries, but 
            also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in 
            the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more 
            recently with desktop publishing software like Aldus PageMaker including versions of Lorem 
            Ipsum. 
           </p> 
           <p class="SStorypara"> 
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been 
            the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley 
            of type and scrambled it to make a type specimen book. It has survived not only five centuries, but 
            also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in 
            the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more 
            recently with desktop publishing software like Aldus PageMaker including versions of Lorem 
            Ipsum. 
           </p> 
          </div> 

         </div> 
        </div> 





       </div> 
       <div class="Newsdiv"> 
        <p class="Newspara"><a href="#testMsg" class="modal-popup">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span>&nbsp;<span class="label">NGO1</span> </p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
       </div> 


       <div class="Newsdiv"> 
        <p class="Newspara"><a href="Div1">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span></p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more </p> 
       </div> 
       <div class="Newsdiv"> 
        <p class="Newspara"><a href="#">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span>&nbsp;<span class="label">NGO1</span></p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
       </div> 
       <div class="Newsdiv"> 
        <p class="Newspara"><a href="#">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span></p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
       </div> 
       <div class="Newsdiv"> 
        <p class="Newspara"><a href="#">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span>&nbsp;<span class="label">NGO1</span></p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
       </div> 
       <div class="Newsdiv"> 
        <p class="Newspara"><a href="#">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span></p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
       </div> 
       <div class="Newsdiv"> 
        <p class="Newspara"><a href="#">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span>&nbsp;<span class="label">NGO1</span></p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
       </div> 
       <div class="Newsdiv"> 
        <p class="Newspara"><a href="#">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span></p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
       </div> 
       <div class="Newsdiv"> 
        <p class="Newspara"><a href="#">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span>&nbsp;<span class="label">NGO1</span></p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
       </div> 
       <div class="Newsdiv"> 
        <p class="Newspara"><a href="#">RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014</a></p> 
        <p class="NewsDate">News Posted: Jan 15, 2015 – 05:08 PM EST &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span>&nbsp;<span class="label">NGO1</span></p> 
        <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
       </div> 
       <div class="pagination clearfix"> 
        <a href="#">First</a> 
        &nbsp;<a href="#">«</a> 

        <a href="#">1</a> 
        <strong>2</strong> 
        <a href="#">3</a> 

        <a href="#">»</a> 
        &nbsp;<a href="#">Last</a> 
       </div> 

      </div> 

도와주세요

내

업데이트 코드 : -

<asp:Repeater ID="rptNews" runat="server"> 
       <ItemTemplate> 
        <div class="Newsdiv"> 
         <p class="Newspara"><a href="#"><%#Eval("title")%></a></p> 
         <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
        </div> 
       </ItemTemplate> 
      </asp:Repeater> 

코드 숨김 : -

public void bindRepeater() 
{ 
    DataTable dtInfo = new DataTable(); 
    dtInfo.Columns.Add("title"); 
    DataRow dr; 
    for (int i = 0; i < 5; i++) 
    { 
     dr = dtInfo.NewRow(); 
     dr["title"] = DateTime.Now.ToShortDateString(); 
     dtInfo.Rows.Add(dr); 

    } 
} 

Answer 1

시도해보십시오.이 중계기를 디자인에 배치하십시오.

<asp:Repeater ID="rptNews" runat="server"> 
      <ItemTemplate> 
       <div class="Newsdiv"> 
       <p class="Newspara"><a href="#"><%#Eval("News_Title")%></a></p> 
       <p class="NewsDate">News Posted:<%#Eval("News_Time")%> &nbsp;&nbsp;&nbsp;<span class="label">NGO1</span>&nbsp;<span class="label">NGO1</span></p> 
       <p class="NewsDate1"><a href="#">Click here</a> to know more</p> 
      </div> 
      </ItemTemplate> 
     </asp:Repeater> 

그리고 이에 따라 데이터베이스의 데이터를 가져옵니다. 여기에 내가 repeater에 정적 데이터를 바인딩 데모 datatable을 만드는 중입니다. 데이터베이스 데이터로 변경할 수 있습니다.

public void bindRepeater() 
{ 
     DataTable dtInfo = new DataTable(); 
     dtInfo.Columns.Add("News_Title"); 
     dtInfo.Columns.Add("News_Time"); 
     DataRow dr; 
     for (int i = 0; i < 5; i++) 
     { 
      dr = dtInfo.NewRow(); 
      dr["News_Time"] = DateTime.Now.ToShortDateString(); 
      dr["News_Title"] = "RBL Bank has been recognised by the World Economic Forum as a Global Growth Company, 2014"; 
      dtInfo.Rows.Add(dr); 
     } 
     rptNews.DataSource = dtInfo; 
     rptNews.DataBind(); 

} 


protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!IsPostBack) 
    { 
     bindRepeater(); 
    } 
}