使用angularjs和jquery创建动态可扩展表
Kev*_*ent 5 html javascript jquery angularjs expandable-table
我想使用JQuery创建一个可扩展的表:http://ludo.cubicphuse.nl/jquery-treetable/#examples.
问题是angularjs和jquery之间存在冲突.这是我的html文件:
<table>
<tbody ng-repeat="row in construct.matrix.rows">
<tr data-tt-id="row.name">
<td>{{row.name}}</td>
<td>
<button ng-click="newField($index)">Add a Field</button>
<form ng-submit="addField($index, fieldName, row)" ng-if="choose($index)">
<input type="text" ng-model="fieldName" name="text" placeholder="New Field" />
</form>
</td>
</tr>
</tbody>
</table>
要使用jquery部分,我使用此标记:
$(document).ready(function() {
initialize();
});
function initialize() {
$("table").agikiTreeTable({
persist : false,
persistStoreName : "files"
});
}
我想在开头有一个简单的表,只有一行.在这一行中,用户可以单击一个按钮,然后提交一个新行,该行将是第一行的可扩展行.只是为了看看是否可能,我试图这样做但我明白在提交第一个可扩展行之后我必须回忆起初始化函数.它有效,但如果我想再次进行操作,我会有一些冲突.
看这张图片:
因此,如果有人有想法解决这个问题,我会很高兴听到它.谢谢