I think you want to load the data from view to html using jQuery. I hope ajax concepts will used. Once try it.
On Tue 22 Jan, 2019 6:13 pm Ricardo Cataldi <[email protected] wrote: > 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 [email protected]. > To post to this group, send email to [email protected]. > 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 > <https://groups.google.com/d/msgid/django-users/55f946c1-53de-4c2d-984e-5d9e774e03b2%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- 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 [email protected]. To post to this group, send email to [email protected]. 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/CAMsYeuFGOx4T_%3D7VWrJrC_0AtTKpwCEANyAKaneV3XgGxsK--g%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
