Question

我对handlebar.js全新，所以需要专家的帮助来完成我的任务。

我有一个已经通过jsp创建的Html表。现在我如何使用handlebar.js动态地向表中添加新行？

Html结构

<table>
<tr>
<td class="one">one</td>
<td class="two">two</td>
<td class="three">three</td>
</tr>
<tr>
<td class="one">check</td>
<td class="two">checked</td>
<td class="three">checking</td>
</tr>
</table>
<form>
#input for first column
#input for second column
#input for third column
</form>

<div class="add">Add New Row</div> //on clicking add new row form gets open and there is save button to add new row

Answer 1

我确信这是3年，对于库纳尔来说已经晚了8个月，但也许有人会受益。

@Palpatim是正确的，有点jquery可以解决问题。我在把手视图中包含以下内容。

按钮：

<button id="btnNewRow">Add New Row</button>

脚本在表中附加一行：

<script>
    $(document).ready(function() {
        $('#btnNewRow').on('click', function(evt) {
            evt.preventDefault();
            $("#approverTable").find('tbody')
                .append($('<tr><td><input></td><td><input></td><td><input></td></tr>'))
        });
    });
</script>

最后记住你需要从本地副本或内容分发网络（CDN）加载jquery，所以添加以下内容（我在我的手柄布局中而不是我的视图中）。

<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>

如何使用Handlebar.js将行添加到表中

1 个答案: