JSRender循环遍历字段

时间:2018-05-14 07:57:18

标签: javascript jsrender

我尝试创建一个(对我而言)复杂模板(表单)。我的数据就像这样

var fields = [
        { name: "field1", type: "text", label: "Name" },
        { name: "field2", type: "text", label: "Address" },
        { name: "field3", type: "date", label: "Birth date" }
    ];

我的模板(部分内容)是这样的:

        <form id="EditForm">
        <table width="100%" border="0">
            <tr>
                {{for}}
                <td>

                    <div class="form-group">
                        <label for={{>name}}>{{>label}}</label>
                        <input type={{>type}} class="form-control" id={{>name}}>
                    </div>

                </td>
                {{/for}}
 ... etc...

我尝试了一些不同的东西,但看起来它并没有循环我所有的领域。

我像这样使用jsREnder:

<div id="test"></div>

<script type="text/javascript">
    $("#test").html(
        $("#UpdateTemplate").render(fields, true)
    );
</script>

1 个答案:

答案 0 :(得分:0)

我改变了我的代码。它现在正在运作。只需要在不添加字段的情况下执行“for”