Создание фильтра ценового диапазона в django
Здравствуйте, ребята, я создал сайт электронной коммерции, используя Django. Я хочу фильтровать ценовые диапазоны и я нашел идеальный javascript и html tempelate для этого. Проблема в том, что у меня нет знаний javascript, чтобы использовать это в своих интересах. Вот коды.
Javascript
var slider = document.getElementById('price-slider');
if (slider) {
noUiSlider.create(slider, {
start: [1, 999],
connect: true,
tooltips: [true, true],
format: {
to: function(value) {
return value.toFixed(2) + '$';
},
from: function(value) {
return value
}
},
range: {
'min': 1,
'max': 999
}
});
}
html код
<div class="aside">
<h3 class="aside-title">Filter by Price</h3>
<div id="price-slider"></div>
</div>
Виды
def category_products(request,id,slug):
products = Product.objects.filter(category_id=id)
minmaxPrice = products.aggregate(Min('price'), Max('price'))
context={'products': products,
'minmaxPrice':minmaxPrice,}
return render(request,'category_products.html',context)
Сейчас он показывает диапазоны от 1 до 999, как зафиксировано в коде javascript, но я хочу, чтобы он был динамическим на основе диапазона "minmaxPrice" в представлениях, как это "minmaxPrice.price__min" и "minmaxPrice.price__max".
Заранее спасибо!!!
Если вы включите javascript в свой шаблон, вы можете просто использовать контекстные значения в фигурных скобках.:
в category_products.html
<script>
...
start: [{{minmaxPrice.price__min}}, {{minmaxPrice.price__max}}],
...
range: {
'min': {{minmaxPrice.price__min}},
'max': {{minmaxPrice.price__max}}
}
</script>