Question

我在Django中有一个表单。我希望表单中的每个字段都是Dojo TabContainer中的选项卡。这就是我正在做的事情：

<div data-dojo-type="dijit/form/Form" id="parameters_form" data-dojo-id="parameters_form" encType="multipart/form-data" action="" method="">
    {% csrf_token %}
    <div style="width: 350px; height: 290px">
        <div id="tc1-prog"></div>
    </div>
    <script type="text/javascript">
        require(["dijit/layout/TabContainer", "dijit/layout/ContentPane", "dojo/domReady!"], function(TabContainer, ContentPane){
            var tc = new TabContainer({
                style: "height: 100%; width: 100%;"
            }, "tc1-prog");
            {% for field in form %}
                var cp = new ContentPane({
                     title: "{{ field.label_tag }}",
                     content: "{{ field.label_tag }}"
                });
                tc.addChild(cp);
            {% endfor %}
            tc.startup();
        });
    </script>
</div>

然而，当我加载页面时，没有任何显示，我收到此错误：

Uncaught SyntaxError: Unexpected identifier

我做错了什么以及如何解决？

Answer 1

我想出来了。问题是{{ field.label_tag }}正在将html插入到javascript中并导致错误。我将其更改为{{ field.label }}，一切正常。

如何根据Django中的字段更改Dojo TabContainer选项卡？

1 个答案: