переключать навигационную вкладку при нажатии на ссылку на страницу в приложении фляги? - PullRequest
Новая
       10

переключать навигационную вкладку при нажатии на ссылку на страницу в приложении фляги?

0 голосов
/ 30 января 2019

У меня есть 3 навигационные вкладки.Средняя вкладка имеет таблицу данных со ссылками на страницы, показывающую 1 ... 100.Как создать код, чтобы каждый раз, когда я нажимал на другую ссылку для разбивки на страницы, он открывался для следующего набора страниц и оставался на средней вкладке?Прямо сейчас, когда я нажимаю на любую ссылку на страницу, она приводит меня к первой навигационной вкладке.Когда я нажимаю на вторую навигационную вкладку, таблица данных показывает правильный набор страниц, разбитых на страницы, поэтому кажется, что часть разбивки на страницы работает, но я не знаю, как заставить навигационную вкладку переключаться правильно.Я нашел это о том, как переключать навигационные вкладки с помощью JavaScript.Кажется, мне нужно поместить некоторую логику в javascript, чтобы, когда пользователь нажимает на ссылку нумерации страниц, он запускает переключатель nav-tab.Однако я не уверен, как это реализовать.

app.py 

from flask import Flask, render_template
app=Flask(__name__)
@app.route('/')
def main():
    return render_template('page.html')

if __name__ == '__main__':
    app.run(debug=True)

main.html 

<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
  <li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
  <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
</ul>

<div class="tab-content">
  <div id="home" class="tab-pane fade in active">
    <h3>HOME</h3>
    <p>Some content.</p>
  </div>
  <div id="menu1" class="tab-pane fade">
    <h3>Menu 1</h3>

    {% include datatable.html %}

  </div>
  <div id="menu2" class="tab-pane fade">
    <h3>Menu 2</h3>
    <p>more content from menu 2.</p>
  </div>
</div>

datatable.html 

{% block body %}
<head>
<script type='text/javascript' src='/static/js/switchnavtab.js'></script>
</head>
<!--... data table code-->
{% for page in Pages.iter_pages() %}
  {% if page %}
    <a class="btn btn-info" href="{{url_for('main',page=page) }}">{{page}}</a>
  {% else %}
    <span>...<span>
  {% endif %}
{% endfor %}
{% endblock %}

switchnavtab.js 

function activaTab(tab){
  $('.nav-tabs a[href="#' + tab + '"]').tab('show');
};
...