Quiero modificar dinámicamente las opciones de un campo en forma de django. Debido a que la lista de elementos es bastante larga (más de 650 elementos), los almaceno en el caché de Django.
Sin embargo, cuando quiero inyectarlos como opciones de campo, la aplicación deja de responder (a veces devuelve ERR_EMPTYRESPONSE).
Mi vista:
class HomeView(TemplateView): template_name = 'web/pages/homepage.html' def get_context_data(self, **kwargs): context = super().get_context_data(**kwargs) categories = cache.get_or_set('categories_list', Category.objects.values('uuid', 'code', 'name'), 3600) categories_choices = [(o['uuid'], '{} ({})'.format(o['name'], o['code'])) for o in categories] print(categories_choices) #its printing proper choices here context['form'] = SearchForm() context['form'].fields['category'].choices = categories_choices #this line causes freeze/timeout return context¿Alguna idea de lo que está pasando allí? ¿Quizás más de 600 elementos como opciones desplegables son demasiados?
mejor la manera de usar esto con ajax. De lo contrario, habrá algún problema de carga del navegador. Puedes hacer esto con ajax.
formularios.py
class ProductForm(forms.ModelForm): def __init__(self, *args, **kwargs): super(ProductForm, self).__init__(*args, **kwargs) self.fields['category'].queryset = Category.objects.none()escribir una función para devolver dict de la categoría solicitada
from django.http import JsonResponse def suggest_category(request): category = request.GET.get("category") category = [{"data":"nothing found"}] if category: category = Category.objects.filter(category__icontains= category).values("uuid", "category") category = list(category) return JsonResponse(category, safe=False)y en tu plantilla html agrega este script
</script> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> <script> $(document).ready(function(){ $("select[name='category']").select2({ // tags: true, // multiple: true, // tokenSeparators: [',', ' '], minimumInputLength: 2, minimumResultsForSearch: 10, ajax: { url: '{% url 'product:suggest_category' %}', dataType: "json", type: "GET", data: function (params) { var queryParameters = { category: params.term } return queryParameters; }, processResults: function (data) { return { results: $.map(data, function (item) { return { text: item.category, id: item.uuid } }) }; } } }); });