Hy guys, you all right?
I have a problem that it seems not to be any answer in Stack Overflow.
I need to load three views inside a template, and i decided to do that
based on html tags and JQuery. The bellow image shows how the front end
will look like:
[image: imagem_tab.png]
What happens is that the tabs should load a view separately, I've searched
on ways of doing that with JQuery but i didn't found any that would work...
Can anyone tell me how exactly I can load a view with JQuery inside a html
tab? In case it is not possible, can you give me an alternative?
The html following:
{% block header %}
<div class="row">
<div class="col-md-10 col-md-offset-1">
<h2 class="font-alt title text-center">{% trans "Gerenciamento de
Produtos" %}</h2>
<div class="nav-container nav-center">
<ul class="nav nav-pills nav-pills-icons nav-pills-primary"
role="tablist">
<li class="">
<a href="{% url
'portfolio:catalogue:catalogue_dashboard:dashboard-product-list' %}" role="tab"
data-toggle="tab" data-target="#ListProduct">
<i class="material-icons">list</i>
Listar Produtos
</a>
</li>
<li class="">
<a href="{% url
'portfolio:catalogue:dash_catalogue:dashboard-attribute-option-group-list' %}"
role="tab" data-toggle="tab" data-target="#ListOptions">
<i class="material-icons">view_list</i>
Listar Opções
</a>
</li>
<li class="">
<a href="{% url
'portfolio:catalogue:dash_catalogue:dashboard-attribute-option-group-credashboard-class-listate'
%}" role="tab" data-toggle="tab" data-target="#CreateOptions">
<i class="material-icons">add_box</i>
Adicionar Opções
</a>
</li>
</ul>
</div>
</div>
</div>
{% endblock header %}
{% block content %}
<div class="tab-content">
<div class="tab-pane" id="ListProduct">
<div class="row">
<div class="col-md-12">
<div class="card">
{% block productlist %}
{% endblock %}
</div>
</div>
</div>
</div>
</div>
<div class="tab-content">
<div class="tab-pane" id="ListOptions">
<div class="row">
<div class="col-md-12">
<div class="card">
{% block listtoptions %}
{% endblock %}
</div>
</div>
</div>
</div>
</div>
<div class="tab-content">
<div class="tab-pane" id="CreateOptions">
<div class="row">
<div class="col-md-12">
<div class="card">
{% block createoptions %}
{% endblock %}
</div>
</div>
</div>
</div>
</div>
{% endblock content %}
I want to load the views inside all those blocks.
Thanks in advance!!
--
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 post to this group, send email to django-users@googlegroups.com.
Visit this group at https://groups.google.com/group/django-users.
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-users/55f946c1-53de-4c2d-984e-5d9e774e03b2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
