Хранение данных в форме после поиска

Question

У меня есть форма для фильтрации элементов на моем сайте, но когда я ввожу данные для фильтрации и нажимаю поиск, то я получаю результаты, но данные, которые я ввел в мою форму, исчезают. Есть ли способ сохранить данные и отобразить их в форме после поиска?

views.py, которая обрабатывает фильтрацию данных

def HomeView(request):
  item_list = Item.objects.all()
  item_list = item_list.annotate(
      current_price=Coalesce('discount_price', 'price'))

  category_list = Category.objects.all()
  query = request.GET.get('q')

  if query:
      item_list = item_list.filter(title__icontains=query)

  cat = request.GET.get('cat')
  if cat:
      item_list = item_list.filter(category__pk=cat)

  price_from = request.GET.get('price_from')
  price_to = request.GET.get('price_to')

  if price_from:
      item_list = item_list.filter(current_price__gte=price_from)

  if price_to:
      item_list = item_list.filter(current_price__lte=price_to)

  paginator = Paginator(item_list, 10)

  page = request.GET.get('page')

  try:
      items = paginator.page(page)
  except PageNotAnInteger:
      items = paginator.page(1)
  except EmptyPage:
      items = paginator.page(paginator.num_pages)

  context = {
      'items': items,
      'category': category_list
  }
  return render(request, "home.html", context)

в шаблоне html :

<form method="GET" action=".">
        <div class="form-group col-md-4">
            <label for="category">Category</label>
            <select id="cat" class="form-control" name="cat">
                <option value="" selected>Choose...</option>
                <option value="" href="/home">All</option>
                {% for cat in category %}
                <option value="{{ cat.pk }}">{{ cat }}</option>
                {% endfor %}
            </select>

        </div>
        <div class="input-group">
            <input class="form-control py-2 border-right-0 border" type="search" name="q" placeholder="Brand..">
            <span class="input-group-append">
                <div class="input-group-text bg-transparent">
                    <i class="fa fa-search"></i>
                </div>
            </span>
        </div>
        <div class="input-group">
            <input class="form-control py-2 border-right-0 border" type="search" name="price_from"
                placeholder="Price from">
            <span class="input-group-append">
                <div class="input-group-text bg-transparent">
                    <i class="fa fa-search"></i>
                </div>
            </span>
        </div>
        <div class="input-group">
            <input class="form-control py-2 border-right-0 border" type="search" name="price_to"
                placeholder="Price to">
            <span class="input-group-append">
                <div class="input-group-text bg-transparent">
                    <i class="fa fa-search"></i>
                </div>
            </span>
        </div>
        <button type="submit" class="btn btn-primary">Search</button>
    </form>

Answer 1

Обычный способ сделать это - получить параметр GET в самом шаблоне. Таким образом, вы можете заполнить существующий поиск в вашем input:

<input class="form-control py-2 border-right-0 border" type="search" name="q" 
       value="{{request.GET.q}}" placeholder="Brand..">