Горизонтальные (для строк) формы в наборе Django
Каков способ Django представления формы в горизонтальном направлении, т.е. одна строка в форме? Метод as_table генерирует несколько форм по вертикали (с метками). Мне нужны поля формы в строках таблицы (одна строка для каждой формы), а метки должны быть сверху. Я ничего не вижу из коробки. Это почему-то не рекомендуется?
Я должен уточнить, что мне действительно нужна таблица из-за виджета таблицы пользовательского интерфейса, которое я буду использовать. И эта таблица должна иметь метки в.
Итак, моя желаемая структура:
<table>
<thead>
<tr><th>column1</th><th>column2</th></tr>
</thead>
<tbody>
<tr><td>form1.value1</td><td>form1.value2</td></tr>
...
</tbody>
</table>
Ответы
Ответ 1
Возможно, вы захотите попробовать что-то вроде http://www.djangosnippets.org/snippets/1442/
{{ formset.non_form_errors.as_ul }}
<table id="formset" class="form">
{% for form in formset.forms %}
{% if forloop.first %}
<thead><tr>
{% for field in form.visible_fields %}
<th>{{ field.label|capfirst }}</th>
{% endfor %}
</tr></thead>
{% endif %}
<tr class="{% cycle row1,row2 %}">
{% for field in form.visible_fields %}
<td>
{# Include the hidden fields in the form #}
{% if forloop.first %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% endif %}
{{ field.errors.as_ul }}
{{ field }}
</td>
{% endfor %}
</tr>
{% endfor %}
</table>
Ответ 2
Я предлагаю использовать form.as_ul
и стилизовать его с помощью CSS, чтобы сделать все это в одной строке. Вы можете сделать это с помощью ul li { display: inline; }
или, конечно же, заменить класс или идентификатор, если вы не хотите влиять на все UL таким образом.
Здесь соответствующий раздел документов Django: http://docs.djangoproject.com/en/dev/topics/forms/#displaying-a-form-using-a-template
Изменить:
Чтобы удовлетворить вашу потребность в таблице, вы хотели бы сделать что-то вроде этого... отредактировали еще несколько.
Сложно поставить все эти формы в таблицу и по-прежнему иметь действительный HTML. Элемент формы может окружать таблицу или находиться внутри <td>
... хотя это, вероятно, все еще будет работать.
<thead>
<tr>
{% for field in form %}
<th>{{ field.label }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
<tr class="table_row">
<form action="/something/" method="post">
{% for field in form %}
<td>
<table>
<tr><td>{{ field.label }}</td></tr>
<tr><td>{{ field }}</td></tr>
</table>
</td>
{% endfor %}
</form>
</tr>
</tbody>