attribut html sur champ select/checkbox

Bonjour à tous,

je débute sur Python et Django (en auto-formation) et je bloque sur une mise en forme.

J'ai une classe dans laquelle je veux définir une liste fixe. J'ai donc procédé selon ce que j'ai trouvé de la façon suivante dans le fichier models.py pour le champ "genre"

Code:

---

1 2 3 4 5 6 7 8 9

class Personne(models.Model): GENRE = [('H','Homme'),('F','Femme')] nom = models.CharField(max_length=100) prenom = models.CharField(max_length=100, blank=True, null=True) dateNaissance = models.DateField(blank=True, null=True) genre = models.CharField(max_length=1, blank=True, null=True, choices=GENRE, default='Homme') coordonnees = models.OneToOneField(Coordonnees, on_delete=models.CASCADE, blank=True, null=True) adresse = models.OneToOneField(Adresse, on_delete=models.CASCADE, blank=True, null=True) onArchive = models.BooleanField(default=False, blank=True, null=True)

---

Je définis mes champs via le fichier forms.py:

Code:

---

1 2 3 4 5 6 7 8 9

class PersonneForm(ModelForm): class Meta: model = Personne fields = ['nom', 'prenom', 'genre', 'dateNaissance', 'coordonnees', 'onArchive'] widgets = { 'nom': TextInput(attrs={'class' : 'form-control'}), 'prenom': TextInput(attrs={'class' : 'form-control'}), 'dateNaissance': TextInput(attrs={'class' : 'form-control', 'type': 'date'}), }

---

Extrait de mon fichier html:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<div class="col-md-6"> <div class="form-group"> <label>Prenom</label> <div class="col-sm-9"> {{ form.prenom }} </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label>Genre</label> <div class="col-sm-9"> {{ form.genre }} </div> </div> </div>

---

Mon formulaire s'affiche bien, , mais je ne trouve pas comment spécifier l'attribut "form-control" pour le select. Du coup, ce champ n'est pas mis en forme. De plus, le champ onArchive, que je voudrais sous forme de checkbox, s'affiche comme un select.

Je crois que j'ai besoin d'un peu d'aide.

En vous remerciant pour vos retours.

Citation:

---

Envoyé par keitaro_bzh

De plus, le champ onArchive, que je voudrais sous forme de checkbox, s'affiche comme un select.

---

J'ai trouvé le pourquoi de la checkbox... Dans mon fichiers models.py
jai le code

Code:

---

onArchive = models.BooleanField(default=False, blank=True, null=True)

---

En ne laissant que le default, j'obtiens bien ma checkboc

Code:

---

onArchive = models.BooleanField(default=False)

---

Déjà un premier point de corrigé!

Je progresse dans la résolution de mon incident
Dans mon code initial, j'importais directement le ModelForm et le TextInput depuis django.forms

Citation:

---

Envoyé par keitaro_bzh

Je définis mes champs via le fichier forms.py:

Code:

---

1 2 3 4 5 6 7 8 9

class PersonneForm(ModelForm): class Meta: model = Personne fields = ['nom', 'prenom', 'genre', 'dateNaissance', 'coordonnees', 'onArchive'] widgets = { 'nom': TextInput(attrs={'class' : 'form-control'}), 'prenom': TextInput(attrs={'class' : 'form-control'}), 'dateNaissance': TextInput(attrs={'class' : 'form-control', 'type': 'date'}), }

---

---

En parcourant certains forums, j'ai constaté que la procédure que je suivais allégeais le code j'imagine. En fait, il suffit d'importer le forms et d'aller chercher ModelForm et TextInput depuis le forms

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

from django import forms class PersonneForm(forms.ModelForm): class Meta: model = Personne fields = ['nom', 'prenom', 'genre', 'dateNaissance', 'coordonnees', 'onArchive'] widgets = { 'nom': forms.TextInput(attrs={'class' : 'form-control'}), 'prenom': forms.TextInput(attrs={'class' : 'form-control'}), 'dateNaissance': forms.TextInput(attrs={'class' : 'form-control', 'type': 'date'}), 'genre': forms.Select(attrs={'class' : 'form-control'}), }

---

Ca fonctionne très bien.

Sauf que je retombe sur un os dans le cas ou mon choix se porte une liste d'objet défini via un ForeignKey dans le view.py
Pour pouvoir filtrer la liste de choix, je le fais depuis mon forms.py (exemple bidon mais pour illustrer

Code:

---

1 2 3 4 5 6 7

class PersonneForm(forms.ModelForm): genre = forms.ModelChoiceField(queryset=Genre.objects.filter(homme=1)) class Meta: widget = { genre': forms.Select(attrs={'class' : 'form-control'}), }

---

Ma liste est bien filtrée, mais mon champ n'est pas mis en forme... :ptdr::aie::aie:

J'y suis presque!!!! A devenir fou ce monologue.. .:aie::aie::aie:

Donc, en gros, il ne faut pas charger la liste dans le form.py, mais dans le models.py
En gros, dans le models.py on va ajouter un limit_choices_to dans notre attribut ForeignKey (à la base un simple Charfiled, mais souvent, c'est lié à une liste filtrée dans la base).
J'ai remplacé le genre par commune pour que ce soit plus parlant.

Code:

---

1 2 3 4 5 6

class Personne(models.Model): nom = models.CharField(max_length=100) prenom = ForeignKey(Genre,on_delete=models.PROTECT, limit_choices_to={'genre.abrege': 'F'}) commune = models.ForeignKey(Commune,on_delete=models.PROTECT, limit_choices_to={'commune.cp': '35000'}) dateNaissance = models.DateField(blank=True, null=True) genre = models.CharField(max_length=100, choices=GENRE, default='Homme')

---

Et donc, dans le forms.py, il suffit de définir uniquement les attributs html

Code:

---

1 2 3 4 5

class PersonneForm(forms.ModelForm): class Meta: widget = { commune': forms.Select(attrs={'class' : 'form-control'}), }

---

Bref, ça fonctionne bien puisque mon select est bien mis en forme sur mon formulaire HTML, et il liste bien toutes les communes ayant le code postal 35000.

Me reste plus qu'une étape. Remplacer le '35000' en dur dans mon modèle par une variable afin que le chargement de la liste soit dynamique dans mon views.py (exemple bidon mais pour illuster)

Code:

---

1 2 3 4 5 6

def affiche_personne(request,cp): context = { 'personne' = Personne() 'form' = PersonneForm() } return render(request,'MyTresorerie/personne_form.html',context)

---