I have a django project that includes a popup modal where the modal has
tabs as links one of these tabs once the user clicked it must perform a
function and retrieve data from the database.
The problem is that once the user clicked the tab nothing happen as is the
function isn't initialize.
urls.py
path("events/<int:id>/", getEvents, name = "getEvents"),
views.py
def getEvents(request,id):
q1 = cursor.execute('SELECT Person_.ID FROM Person_ WHERE Person_.ID =
{0}'.format(id))
print('q1==>',q1)
qresult = q1.fetchone()
print("qresult==>",qresult)
print("query is not empty!")
eventQ = cursor.execute('SELECT Person_.ID, Person_.Full_Name, Events.ID,
Events.Event_Title, Events.Event_Details, Links.document_id from Person_,
Events, Links where ( Person_.ID = {0}) and (Person_.ID = Links.A_Person or
Person_.ID = Links.B_Person) and (Events.ID = Links.A_Event or Events.ID =
Links.B_Event) ORDER BY Events.ID DESC '.format(id))
resultEvents = eventQ.fetchall()
return render(request,'pictureCard.html',{
"resultEvents":resultEvents,
"qresult":qresult,
})
pictureCrads.html
<!-- Popup Modal -->
{% for obj in object_list %}<div id="popModel{{obj.0}}" class="modal fade
modal-rtl" role="dialog">
<div class="modal-dialog modal-lg">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header Modal-Pic">
<button type="button" class="close"
data-dismiss="modal">×</button>
<h4 class="modal-title">{{ obj.1 }}</h4>
<a href="{% static 'img/logo_title/icon-AddressBar.png' %}"
data-toggle="modal" data-target="#test2"><img src="{% static
'/img/card/1.png'%}"/></a>
</div>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab"
href="#contact{{ obj.0 }}" role="tab" aria-controls="contact"
aria-selected="false">contact us</a>
</li>
<li class="nav-item">
<a class="nav-link" id="event-tab" data-toggle="tab" href="{% url
'getEvents' obj.0 %}" role="tab" aria-controls="event"
aria-selected="false">Events</a>
</li>
<li class="nav-item mr-auto btn-warning">
<a class="nav-link text-dark" id="contact-tab" data-toggle="tab"
href="#picture" role="tab" aria-controls="contact"
aria-selected="false">Picture</a>
</li>
</ul>
<div class="modal-body tab-content" id="myTabContent">
<div class="tab-pane fade" id="contact{{ obj.0 }}" role="tabpanel"
aria-labelledby="contact-tab">{{ obj.9 }}</div>
{% for event in resultEvents %}
<div class="tab-pane fade" id="event{{ obj.0 }}" role="tabpanel"
aria-labelledby="event-tab">
<button class="btn btn-primary" > events</button>
{{ event.2 }}
</div>
{% endfor %}
<div class="tab-pane fade" id="picture" role="tabpanel"
aria-labelledby="contact-tab">
<a class="" href="#"><img class="" src="{% static
'/img/card/1.png'%}"/></a>
</div>
</div>
</div>
</div></div>
{% endfor %}
......
<footer class="card-footer card-footer-buttom text-center bg-info">
<form method="GET" action="{% url
'getEvents' obj.0 %}">
<a href="#" type="button" id="btnfooter"
class="btn btn-primary" data-toggle="modal"
data-target="#popModel{{obj.0}}">detais</a>
</form></footer
--
You received this message because you are subscribed to the Google Groups
"Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to django-users+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-users/39c2de7c-65ec-4b79-8e55-ca6ad9128fa7%40googlegroups.com.
