我如何根据我在Django中的字段来改变Dojo TabContainer选项卡?

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 }}，一切工作