Personnalisation des formulaires Django avec Widget Radioselect

Comme il ne semble pas être un bon moyen de le faire, j'ai choisi de réorganiser le code généré à l'aide de jQuery.

<input type="radio" id="id_notify_new_friends_0" value="0" name="notify_new_friends" /><label for="id_notify_new_friends_0"> Immediately</label></li>
<input type="radio" id="id_notify_new_friends_1" value="1" name="notify_new_friends" /><label for="id_notify_new_friends_1"> Never</label></li>

Dans mon code, j'ai découvert que la modification du widget de xxx pré>

à p> xxx pré>

provoque magiquement la balise résultante Code> Valeur Pour inclure l'attribut ID code> avec l'index de l'élément ajouté. Si vous utilisez p> xxx pré>

dans le formulaire, vous obtenez un étiquette code> enveloppé autour d'une entrée code>. Si vous souhaitez l'entrée code> classique code> suivie de étiquette code>, vous devez le faire: p>

{% for radio in form.value %}
    <li>
        {{ radio.tag }}
        <label for="value_{{ forloop.counter0 }}">{{ radio.choice_label }}</label>
    </li>
{% endfor %}

Try like this ,  I got it..

from django.forms.widgets import RadioFieldRenderer
from django.utils.encoding import force_unicode
from django.utils.safestring import mark_safe


class RadioCustomRenderer( RadioFieldRenderer ):
    def render( self ):
        return  mark_safe(u'%s' % u'\n'.join([u'%s'  % force_unicode(w) for w in self]))

in form

widgets = {
            'validity': forms.RadioSelect(renderer=RadioCustomRenderer),
        }

Malheureusement, il est plus compliqué qu'il ne devrait l'être, il semble que vous ayez besoin de remplacer au moins 2 classes: radiorenderer code> et radioinpon code>. Ce qui suit devrait vous aider à démarrer, mais vous pourriez avoir besoin de le modifier un peu.

Créez d'abord un widget d'entrée de bouton radio personnalisé. Le seul but de nous remplacer la méthode de rendu est de se débarrasser de la structure gênante Django applique ( étiquette> code>) où nous voulons nous la nôtre ( code>): p> xxx pré>

maintenant nous devons remplacer radiorenderer code> afin de: p>

1. force-le à utiliser notre widget d'entrée radio personnalisé LI>
2. Supprimer
3. code> Envelopper chaque champ d'entrée et
   code> Tout emballage de saisie: li> ol>

   Quelque chose le long de ces lignes devrait faire: p>

   <table>
     <tr>
       <td><label for="{{field.auto_id}}">{{field.label}}</label></td>
       <td>{{ field.errors }} {{field}}</td>
     </tr>
   </table>
   

Si quelqu'un trébuche sur ce problème et que vous voulez simplement rendre le bouton radio sans UL: ils devraient suivre ce lien.

https://docs.djangoproject.com/fr/3.1/ref/Forms/widgets/#selector-widgets P>

Exemple ci-dessous. P>

{% for radio in myform.beatles %}
    <div class="myradio">
    {{ radio }}
    </div>
{% endfor %}