Question

我对Django很新......

所以，我有一个模特。请注意，两个外键字段（DeviceProfile模型实际上有数据，但MISMStateSnapshot没有）：

class MISMWorkflow(models.Model):
    createdAt = models.DateTimeField(default=timezone.now)
    currentSnapshot = models.ForeignKey('MISMStateSnapshot', null=True, blank=True, on_delete=models.SET_NULL)
    device = models.ForeignKey(DeviceProfile, null=True, blank=True, on_delete=models.SET_NULL, related_name='workflows')

    def get_absolute_url(self):
        return reverse('{}:workflow_detail'.format(VIEW_NAMESPACE), args=(self.pk,))

和CreateView：

class WorkflowCreateView(generic.CreateView):
    model = MISMWorkflow
    fields = '__all__'
    template_name = 'mism_web/workflow_create_form.html'

    def form_valid(self, form):
        form.instance.device = DeviceProfile.objects.get(pk=self.kwargs.get('device_id'))
        form.instance.createdAt = timezone.now()
        return super(WorkflowCreateView, self).form_valid(form)

模板：

{% extends 'mism_web/base.html' %}
{% load material_form %}

{% block content %}
<form action="" method="POST">{% csrf_token %}
    <!--{{ form.as_p }}-->
    {% form form=form %}{% endform %}
    <input type="submit" name="_submit" class="btn" value="Save" />
</form>
{% endblock %}

网址：

url(r'^workflow/workflow_create/$', workflow.WorkflowCreateView.as_view(), name='workflow_create_new'),

这是我在创建页面时看到的内容：

这有几个问题：

我没有看到我期望在这里看到的DateTimeField（createdAt）的日历/时钟小部件。
currentSnapshot或device字段没有选择输入（即使数据库中有设备）

这不是因为我使用的是django-material插件。我测试没有它，我仍然得到相同的“空”形式。

这是什么原因以及如何解决？

编辑：

这就是我在“MISMWorkflow”的管理面板中看到的，这正是我希望看到的那种形式（ofc，我不想从这里创建外键实体，只是为了列出它们）：

编辑：问题似乎只有在我扩展基本模板时才会发生。如果我不使用它，我可以正确地看到这些字段。例如，模板将如此：

<html>
<body>
<form action="" method="POST">{% csrf_token %}
    {{ form.as_p }}
    <input type="submit" name="_submit" class="btn" value="Save" />
</form>
<body>
<html>

我现在可以看到下拉菜单了：

这是我的base.html：

{% load static %}
{% load compress %}

<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link type="text/css" rel="stylesheet" href="{% static 'mism_web/css/materialize.min.css' %}" media="screen,projection"/>
        <link type="text/css" rel="stylesheet" href="{% static 'mism_web/css/helper.css' %}" media="screen,projection"/>

        <!--Let browser know website is optimized for mobile-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>

    <!-- TODO: Fix navbar links -->
    <body>
        <div>
            <nav>
                <div class="nav-wrapper">
                    <a href="{% url 'mism_web:index' %}" class="brand-logo">MISM</a>
                    <a href="#" data-activates="mobile" class="button-collapse">
                        <i class="material-icons">menu</i>
                    </a>
                    <ul class="right hide-on-med-and-down">
                        <li>
                            <a href="{% url 'mism_web:index' %}">
                                <i class="material-icons left">home</i>
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'mism_web:device_list' %}">
                                <i class="material-icons left">perm_device_information</i>
                                Devices
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'mism_web:workflow_list' %}">
                                <i class="material-icons left">format_indent_increase</i>
                                Workflows
                            </a>
                        </li>
                        <li>
                            {% if user.is_authenticated %}
                            <a href="#">{{ user.get_username }}</a>
                            {% else %}
                            <a href="#">Unknown user</a>
                            {% endif %}
                        </li>
                    </ul>
                    <ul class="side-nav" id="mobile">
                        <li>
                            <a href="{% url 'mism_web:device_list' %}">
                                <i class="material-icons top">home</i>
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'mism_web:device_list' %}">
                                <i class="material-icons top">perm_device_information</i>
                                Devices
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'mism_web:workflow_list' %}">
                                <i class="material-icons top">format_indent_increase</i>
                                Workflows
                            </a>
                        </li>
                        <li>
                            {% if user.is_authenticated %}
                            <a href="#">{{ user.get_username }}</a>
                            {% else %}
                            <a href="#">Unknown user</a>
                            {% endif %}
                        </li>
                    </ul>
                </div>
            </nav>
        </div>

        <div class="container">
            {% block content %} {% endblock %}
        </div>
        <script type="text/javascript" src="{% static 'mism_web/js/jquery-3.2.1.min.js' %}"></script>
        <script type="text/javascript" src="{% static 'mism_web/js/materialize.min.js' %}"></script>
        <script type="text/javascript" src="{% static 'mism_web/js/helper.js' %}"></script>
    </body>
</html>

所以，base.html以某种方式干扰了表单显示。我不知道怎么做。

Answer 1

据我所知。您似乎没有初始化物化中的选择。

尝试使用包含以下内容的表单在html文件中添加脚本标记：

 $(document).ready(function() {
   $('select').material_select();
 });

您可能还需要初始化datepicker插件以显示日期选择器日历。

有关此内容的更多信息，请访问： http://materializecss.com/forms.html

Django表单不显示可用值

1 个答案: