ListField在编辑/创建帖子</ul>中显示<ul>而不是<input />

时间:2013-07-29 06:02:31

标签: flask mongoengine flask-wtforms flask-mongoengine

我正在使用Flask,mongoengine进行项目,我正在尝试从http://docs.mongodb.org/manual/tutorial/write-a-tumblelog-application-with-flask-mongoengine/

获取基本的东西

从上面的链接实现了所有内容后,我在Post中为“tags”添加了一个新字段,当我尝试创建帖子时,我的标签没有显示输入框。

感谢任何帮助。

我的代码和截图

class Post(db.DynamicDocument):
    created_at = db.DateTimeField(default=datetime.datetime.now, required=True)
    title = db.StringField(max_length=255, required=True)
    slug = db.StringField(max_length=255, required=True)
    comments = db.ListField(db.EmbeddedDocumentField('Comment'))
    tags = db.ListField(db.StringField(max_length=30)) # New field I added

enter image description here

enter image description here

模板表单

{% macro render(form) -%}
<fieldset>
{% for field in form %}
{% if field.type in ['CSRFTokenField', 'HiddenField'] %}
   {{ field() }}
{% else %}
  <div class="clearfix {% if field.errors %}error{% endif %}">
    {{ field.label }}
    <div class="input">
      {% if field.name == "body" %}
        {{ field(rows=10, cols=40) }}
      {% else %}
        {{ field() }}
      {% endif %}
      {% if field.errors or field.help_text %}
        <span class="help-inline">
        {% if field.errors %}
          {{ field.errors|join(' ') }}
        {% else %}
          {{ field.help_text }}
        {% endif %}
        </span>
      {% endif %}
    </div>
  </div>
{% endif %}
{% endfor %}
</fieldset>
{% endmacro %}

呈现表单代码

{% extends "admin/base.html" %}
{% import "_forms.html" as forms %}

{% block content %}
<h2>
  {% if create %}
  Add new Post
  {% else %}
  Edit Post
  {% endif %}
</h2>

<form action="?{{ request.query_string }}" method="post">
  {{ forms.render(form) }}
  <div class="actions">
    <input type="submit" class="btn primary" value="save">
    <a href="{{ url_for("admin.index") }}" class="btn secondary">Cancel</a>
  </div>
</form>
{% endblock %}

1 个答案:

答案 0 :(得分:3)

从我可以收集到的,你的问题是你告诉WTF渲染标记字段,但是WTForms不知道如何处理这些信息。

通过查看Flask-MongoEngine文档,似乎ListField只是FieldList WTForms refers to it

目前你实际上并没有在WTForms中独立定义表单,你只是使用Flask-MongoEngine中包含的魔法,所以我的第一次尝试是为你的宏添加一些逻辑,添加一个{{1}并尝试发现其中包含的内容,以迭代生成您的表单。通过快速查看源代码,可以使用以下内容。

{% elif field.type == 'ListField' %}

需要对该代码进行处理,但希望它能指向正确的方向。否则,我实际上会在WTForms中单独定义表单,以便在代码端提供更多控制。幸运的是,他们提供了a csv tag example,如果您需要走这条路,它可以帮助您。 I wrote a guide使用{% elif field.type == 'ListField %} {# render_the_group_label #} {% for subfield in field.entries %} {% if subfield.type == 'StringField' %} {# render_the_subfield #} {% endif %} {% endfor %} ... 装饰器采用不同的路线来实现类似的效果,这也可能至少指向终点线。