尝试使用中继器 asp.net web ZAC68B62ABFD6A9FE26E8AC4236CCE8 的动态轮播 slider

Question

下面是我的转盘 slider 在中继器内部，它不工作。

           <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 slider 工作正常。

   <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 工作正常时，我得到下面的图像 output。

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

Answer 1

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

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