1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | <!-- form_snippet.html -->
{% load forms %}
{{form.media}}
{% for title,dict in fieldsets %}
<fieldset class="module aligned">
{% if title %}<div class="title">{{title}}</div>{% endif %}
{% for field in dict.hidden %}
<div class="form-row hidden">
{% form_field form field context 'single_field' %}
<div>
<div class="form_item">
<div>{{ single_field }}</div>
</div>
<div class="clear"></div>
</div>
</div>
{% endfor %}
{% for field in dict.fields %}
<div class="form-row">
{% form_field form field context 'single_field' %}
{% if single_field.errors %}
<div class="form_errors">{{ single_field.errors }}</div>
{% endif %}
<div>
<div class="form_label {% if single_field.errors %}form_label_required{% endif %}">{{ single_field.label }}:</div>
<div class="form_item">
{% if single_field|is_filefield_instance and single_field|field_value %}
<div>Actualmente: <a target="_blank" href="{{ single_field|url }}">{{ single_field|field_value }}</a></div>
{% endif %}
<div>{{ single_field }}</div>
{% if single_field.help_text %}
<div class="form_help_text clear">{{ single_field.help_text }}</div>
{% endif %}
</div>
<div class="clear"></div>
</div>
</div>
{% endfor %}
</fieldset>
{% endfor %}
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | ### put in forms.py under templatetags ###
from django.template import Library
from django.forms import ChoiceField
from django.forms.fields import FileField
register = Library()
@register.simple_tag
def form_field(form, field, context, tag):
"""
Usage: form_field form field context 'tag'
"""
context[tag] = form.__getitem__(field)
return ''
@register.filter(name='field_value')
def field_value(field):
"""
Returns the value of a form field
"""
try:
value = field.form.initial[field.name]
if not value:
return ''
if isinstance(field.field, ChoiceField):
for (val, desc) in field.field.choices:
if val == value:
return desc
return value
except:
return ''
@register.filter(name='is_filefield_instance')
def is_filefield_instance(field):
return isinstance(field.field, FileField)
@register.filter(name='url')
def get_field_url(field):
return field.form.instance.__getattribute__(field.name).url
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | /***** form_snippet.css ********/
.module { margin-bottom: 5px; background: #ffffff; }
.aligned .form_label { display: block; float: left; width: 25%; margin-right: 2%; }
.aligned .form_item { display: block; float: left; width: 73%; text-align: left !important; }
.aligned .form_item input[type="checkbox"],
.aligned .form_item input[type="radio"] { width: auto; float: left; text-align: left; margin-right: 5px; }
.aligned .form_item li { width: 33%; float: left; }
.form-row { font-size: 11px; padding-bottom: 10px; }
.form_label { font-weight: normal !important; color: #666; font-size: 12px; }
.form_item input, textarea, select { background: #f8f6f6; border: 1px solid #ccc; color: #666666; width: 98%; }
.form_errors { background: #e20019; color: #ffffff; padding: 1px 5px 1px 5px; margin-bottom: 5px; }
.form_label_required { color: #e20019; }
.form_help_text { font-size: 8px; color: #999999; }
.form_submit { text-align: right; }
.hidden { display: none; }
.clear { clear: both; }
|
Este snippet permite que uma view controle os forms impressos nos templates, de uma forma semelhante aos fieldsets que o admin do django utiliza.
Como utilizar:
Na view em questão, colocar:
def some_view(request):
...
c = RequestContext(request)
fieldsets = (
(u'Title 1',
{'hidden' : ('field_1', 'field_2',),
'fields' : ('field_3',)}),
(u'Title 2',
{'hidden' : ('field_5', 'field_6',),
'fields' : ('field_4',)}),)
)
return render_to_response('some.html', {'fieldsets': fieldsets, 'form': form, 'context': c})
Depois no html alvo basta colocar:
<form enctype="multipart/form-data" id="edit" method="post" ...>
...
{% include "inc/form_snippet.html" %}
...
<input type="submit" value="Submit">
</form>
brevemente
- possibilidade de adicionar stacked/tabular inlines