Как использовать коллапс в динамическом контенте при получении из базы данных? - PullRequest
Новая
       22

Как использовать коллапс в динамическом контенте при получении из базы данных?

0 голосов
/ 02 октября 2019

У меня есть карта начальной загрузки, которая содержит данные, извлеченные из базы данных, где эта карта имеет устройство для чтения карт, содержащее ссылку, которая используется для свертывания дополнительных данных (скрытие / отображение) внутри каждой карты.

что вПо моему мнению, чтобы получить идентификатор каждой карты и сделать ссылку открыть выбранную карту, а не как статическую карту?

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

urls.py 

 path("displaydata/<int:id>/",displaydata,name = "displaydata")

views.py 

   def displaydata(request,id):
        c = cursor.execute('SELECT ID,Nickname_,Date_of_Birth FROM Person_ WHERE ID = id ')
        print("c ===>",c)
        while True:
           result = c.fetchone()
           if result == Nonedjan:
             break
           print("result ===>", result)
           return redirect("search")
        return render(request,"displaydata.html",{"c":c})

pictureCard.html 

<div class="container">
    <div class="row justify-content-center">
        {% for obj in object_list %}

        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-5">
            <div class="p-2 my-flex-item">
                <div class="card innercardzoom">
                    <div class="inner">
                        <img src="{% static '/img/card/1.png'%}" class="card-img-top" alt="...">
                    </div>
                        <h5 class="card-header">
                            <a class="collapsed d-block" data-toggle="collapse" href="{% url 'displaydata' obj.0 %}" aria-expanded="true" data-target = "#table-collapsed" caller-id ="" aria-controls="collapse-collapsed" id="heading-collapsed">
                                <i class="fa fa-chevron-down pull-right"></i>
                                details

                            <script type="text/javascript">

                                $(document).on('click','.collapsed d-block',function(){
                                    $('#heading-collapsed').attr('caller-id',$(this).attr('id'));
                                });
                            </script>


                            </a>

displaydata.html 

{% for row in c %}
    <div id="table-collapsed" class="collapse" aria-labelledby="heading-collapsed">
        <table class="card-body table-sm table table-hover text-right">
            <tbody>
                <tr>
                    <td>name</td>
                    <td>{{ row.1 }}</td>
                </tr> 
                <tr>
                    <td>dob</td>
                    <td>{{ row.2 }}</td>
                </tr> 
            </tbody>
        </table>
    </div>

    {% endfor %}
...