Как заполнить список на модал через Ajax? - PullRequest
Новая
       33

Как заполнить список на модал через Ajax?

0 голосов
/ 10 ноября 2019

Я пытаюсь заполнить просмотр списка и отобразить результат (просмотр списка) в модальных окнах с помощью Bootstrap. Я беру значения из двух выпадающих списков, затем нажимаю кнопку с именем «Buscar». Когда я нажимаю эту кнопку, я хотел бы получить данные, которые я запрашиваю из базы данных, и заполнить представление списка.

Это код моего модального окна со списком просмотра внутри: 

    <div class="modal fade" id="exampleModalLong" tabindex="-1" 
    role="dialog" aria-labelledby="exampleModalLongTitle" aria- 
       hidden="true">
     <div class="modal-dialog" role="document">
   <div class="modal-content">
     <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">

  <asp:ListView ID="ListView1" runat="server" DataKeyNames="Codigo" >
          <ItemTemplate>
              <div class="hola"> 

          <div class="contenedorfoto"> 
            <asp:Image ID="imgPhoto" runat="server" ImageUrl='<%# 
            "HttpImageHandler.ashx?ImID="+ Eval("Codigo") %>' 
            Height="150px" Width="150px"/>
          </div>

          <div class="contenedorinfo">
            <h3><%# Eval("Marca") %></h3>
            <h4><%# Eval("Modelo") %></h4>
            <h4><%# Eval("Subnombre") %></h4>
            <h4><%# Eval("Año") %></h4>
             <h4><%# Eval("Color") %></h4>
          </div>

         <div class="contenedorbtndetalle">
             <h2><%# Eval("Precioxdia") %></h2>
              <a href="DetailsCustomer.aspx?id=<%# Eval("Codigo") %>">Ver 
               detalles</a>
          </div>
      </div>
    </ItemTemplate>
 </asp:ListView>
 </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data- 
     dismiss="modal">Close</button><button type="button" 
     class="btn btn-primary">Save changes</button>
 </div>
</div>

Это код для открытия модальных окон: 

 <script>
    $(document).ready(function () {
        $("#btnbuscar").click(function () {
            $("#exampleModalLong").modal();
        });
    });

Это мой код Ajax, где я беру значение из двух выпадающих и отправляю значения. Это необходимо, потому что я буду использовать значения, чтобы сделать запрос в базе данных. 

<script type="text/javascript">
    $(document).ready(function () {
        $('#btnbuscar').click(function (e) {
            e.preventDefault();


            var dropdownvalue1 = $('#DropDownListTipo').val();
            var dropdownvalue2 = $('#DropDownListMarcas').val();


        var datos = 'dro1=' + dropdownvalue1 + 'drop2=' + dropdownvalue2;

            $.ajax({
                type: "POST",                                              
                url: 'BuscarDatos.aspx',                 
                success: function (resultado) {                            

                },

            });
        });
    });
</script>
...