Django Select2 Integration
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script><script>
$(document).ready(function () {
$('#id_language').select2({
ajax: {
url: '{% url 'home' %}',
dataType: 'json',
processResults: function (data) {
return {
results: $.map(data, function (item) {
return {id: item.id, text: item.title};
})
};
}
},
minimumInputLength: 1
});
});
</script>def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.fields['language'].queryset = Language.objects.none()
if 'language' in self.data:
self.fields['language'].queryset = Language.objects.all()
elif self.instance.pk:
self.fields['language'].queryset = Language.objects.all().filter(pk=self.instance.language.pk)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent