Как обновить элемент (граф) с помощью HTMX, если два (2) элемента (селектора) имеют новое значение?

У меня есть элемент - селектор выпадающего списка. Который работает и есть выбор значения. На основании полученного значения я отправляю запрос на выполнение кода и, в конце, на изменение/отрисовку другого элемента (графика).

Я добавил в шаблон еще один элемент - еще один список селекторов. И также перенаправил маршрут изменения на этот элемент в шаблоне. Он также стал изменяться в зависимости от полученного значения в первом списке селекторов.

Я думаю о том, как можно изменить третий элемент шаблона (граф) - на основе полученных значений - первого и второго элементов (два списка селекторов). Первый список селекторов - уточняет фильтры запроса модели.

Второй список селекторов - уточняет, более точно фильтрует запрос модели - значения, уже оставшиеся в запросе после первого селектора и уже в конце отправляет результат на отображение в виде графика.

Как можно придумать изменение только расписания - перестройку без изменения всего шаблона? Можно ли такое придумать с помощью HTMX?

zamer_tabl_2_htmx.html

<div class="row">
        <div class="col-4">
                <select
                        id="select-name"
                        class="custom-select"
                        name="select"
                        autocomplete="off"
                        hx-get="{% url 'zamer_tabl_2_htmx' %}"
                        hx-target="#figure, #selector_2">
                    {% for select in selector %}
                        <option value="{{ select }}">{{ select }}</option>
                    {% endfor %}
                </select>
                <hr/>
                <div id="selector_2" class="col-8">
                    {% include 'zamer_tabl_2_htmx_select.html' %}
                </div>
        </div>
        <div id="figure" class="col-8">
            {% include 'zamer_tabl_2_htmx_figure.html' %}
        </div>
    </div>

zamer_tabl_2_htmx_select.html

        <select
                id="select-name-2"
                class="custom-select"
                name="select_2"
                autocomplete="off"
                hx-target="#figure">
            {% for select_2 in selector_2 %}
                <option value="{{ select_2 }}">{{ select_2 }}</option>
            {% endfor %}
        </select>

просмотров

def zamer_tabl_2_htmx(request):
///code///
    if request.htmx:
        print("HTMX")
        if request.htmx:
            print("HTMX")
            print(select_kotol)
            return render(request, 'zamer_tabl_2_htmx_select.html', context)
        return render(request, 'zamer_tabl_2_htmx_figure.html', context)

    return render(request, "zamer_tabl_2_htmx.html", context)

Вернуться на верх