使用中继器 asp.net 网络表单尝试动态轮播滑块

Question

下面是我在中继器中的轮播滑块，它不工作。

           <div class="col-md-4">
                  <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">
                  <div class="upload-h4">
                  <h4>Mark Attendance</h4>
                  </div>
                  <div class="carousel-inner">
                  <asp:Repeater ID="Repeater_Attendance" runat="server">

                  <ItemTemplate>
                  <div class="item active">
                   <img src="Trainer_Images/attendance1.jpg" class="img-responsive" alt="">
                  <div class="carousel-caption caption-bg">
                  <div class="row">
                  <div class="col-md-12">
                  <div class="col-md-4">Submitted Date:</div>
                  <div class="col-md-8">01/11/2019</div>
                  <div class="col-md-4">Latitude:</div>
                  <div class="col-md-8">17.4428449</div>
                  <div class="col-md-4">Longitute:</div>
                  <div class="col-md-8">78.47995379999998</div>
                  <div class="col-md-4">Event Type:</div>
                   <div class="col-md-8">Mark Attendance</div>

                  </div>

                  </div>

                  </div>
                 </div>
                 </ItemTemplate>
                 <AlternatingItemTemplate>
                 <div class="item">
                 <img src="Trainer_Images/attendance2.jpg" class="img-responsive" alt="">
                 <div class="carousel-caption caption-bg">
                 <div class="row">
                 <div class="col-md-12">
                <div class="col-md-4">Submitted Date:</div>
                 <div class="col-md-8">02/11/2019</div>
                 <div class="col-md-4">Latitude:</div>
                 <div class="col-md-8">17.4428449</div>
                  <div class="col-md-4">Longitute:</div>
                  <div class="col-md-8">78.47995379999998</div>


                  <div class="col-md-4">Event Type:</div>
                  <div class="col-md-8">Mark Attendance</div>
                  </div>

                  </div>

                   </div>
                </div>
               </AlternatingItemTemplate>

               </asp:Repeater>



                </div>

               <!-- Left and right controls -->
              <a class="left carousel-control" href="#myCarousel" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left"></span>
             <span class="sr-only">Previous</span>
                </a>
             <a class="right carousel-control" href="#myCarousel" data-slide="next">
             <span class="glyphicon glyphicon-chevron-right"></span>
             <span class="sr-only">Next</span>
             </a>
              </div>
            </div>

下面是我的 html 滑块，它工作正常。

   <div class="col-md-4">
                                 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">

                                      <div class="upload-h4">
                                         <h4>Mark Attendance</h4>
                                       </div>

                                      <div class="carousel-inner">

                                                        <div class="item active">
                                          <img src="Trainer_Images/attendance1.jpg" class="img-responsive" alt="">
                                          <div class="carousel-caption caption-bg">
                                             <div class="row">
                                               <div class="col-md-12">

                                                   <div class="col-md-4">Submitted Date:</div>
                                                  <div class="col-md-8">01/11/2019</div>

                                                  <div class="col-md-4">Latitude:</div>
                                                  <div class="col-md-8">17.4428449</div>
                                                  <div class="col-md-4">Longitute:</div>
                                                  <div class="col-md-8">78.47995379999998</div>
                                                   <div class="col-md-4">Event Type:</div>
                                                  <div class="col-md-8">Mark Attendance</div>

                                               </div>

                                             </div>

                                           </div>
                                        </div>

                                        <div class="item">
                                          <img src="Trainer_Images/attendance2.jpg" class="img-responsive" alt="">
                                          <div class="carousel-caption caption-bg">
                                             <div class="row">
                                               <div class="col-md-12">
                                                   <div class="col-md-4">Submitted Date:</div>
                                                  <div class="col-md-8">02/11/2019</div>
                                                  <div class="col-md-4">Latitude:</div>
                                                  <div class="col-md-8">17.4428449</div>
                                                  <div class="col-md-4">Longitute:</div>
                                                  <div class="col-md-8">78.47995379999998</div>


                                                   <div class="col-md-4">Event Type:</div>
                                                  <div class="col-md-8">Mark Attendance</div>
                                               </div>

                                             </div>

                                           </div>
                                        </div>


                                      </div>

                                      <!-- Left and right controls -->
                                      <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                                        <span class="glyphicon glyphicon-chevron-left"></span>
                                        <span class="sr-only">Previous</span>
                                      </a>
                                      <a class="right carousel-control" href="#myCarousel" data-slide="next">
                                        <span class="glyphicon glyphicon-chevron-right"></span>
                                        <span class="sr-only">Next</span>
                                      </a>
                                    </div>
                               </div>

当我将使用中继器但使用 html 工作正常时，我得到低于图像输出。

请帮助我尝试使用中继器动态获取图像数据请帮助解决这个问题非常感谢。

Answer 1

要显示动态数据，必须将转发器绑定到该动态数据的某种数据源，并且您的代码不会显示您在哪里执行此操作。如果是，您应该将该代码添加到您的问题中。

如果您没有绑定到数据源，这可能就是没有显示任何内容的原因。如果没有数据源，则永远不会将任何项目添加到转发器，并且永远不会使用 ItemTemplate，因此您将看不到 ItemTemplate 中的任何内容。