Блог

Главная - Вопросы по программированию - Кликабельная таблица колб, в которой хранится выбранное значение

Кликабельная таблица колб, в которой хранится выбранное значение

#javascript #python #html #jquery #flask

Вопрос:

Следуя некоторым учебным пособиям по колбе, я построил таблицу с кликабельными строками. При нажатии на любое значение столбца индекса пользователь перенаправляется на новый маршрут, названный в честь выбранного значения индекса, например @app.route(/1). Однако это не совсем то, чего я хочу, и я изо всех сил пытаюсь приспособить приложение к своим потребностям.

Я бы хотел, чтобы пользователь был перемещен на маршрут «XYZ», независимо от того, какое значение выбрано. Затем маршрут » XYZ » должен распечатать/сохранить значение индекса, нажатое пользователем.

Как я могу изменить значение привязки HTML на статическое и в то же время сохранить выбранное значение?

HTML

 {% extends "bootstrap/base.html" %}
{% block content %}
<head>

  <script type="text/javascript" src="{{ url_for('static', filename='js/click_table.js') }}"></script>
</head>
    <table id="data" class="table table-striped">
      <thead>
        <tr>
          <th>Index</th>
          <th>Playlist Name</th>
          <th>Playlist ID</th>
        </tr>
      </thead>
      <tbody>
        {% for index, row in playlists_df.iterrows() %}
          <tr>
            <td><a href="{{ row['index'] }}"> {{ row['index'] }} </a></td>
            <td>{{ row['name'] }}</td>
            <td>{{ row['id'] }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
</form>
{% endblock %}

JS

 $(document).ready(function() {

    $('#data tr').click(function() {
        var index = $(this).find("a").attr("href");
        if(index) {
            window.location = index;
        }
    });
});

Часть Python, которую я собираюсь:

 @app.route('/XYZ')
def get_clicked_index_value():
    # request index_value from JS
    return Index
Метки: ,