5

我想使用 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"
   });
}

我想在开始时有一个简单的表格,只有一行。在这一行上,用户可以单击一个按钮,然后提交一个新行,该行将是第一行的可扩展行。只是为了看看是否可行,我尝试这样做,但我明白我必须在提交第一个可扩展行后调用初始化函数。它有效,但如果我想再次进行操作,我会遇到一些冲突。

看这张图片:

重做操作时发生冲突

因此,如果有人有解决此问题的想法,我将很高兴听到。谢谢

4

2 回答 2

1

为什么不使用 Angular 库并避免使用基于 jQuery 的组件?

以下是一些替代方案:

于 2016-02-22T07:04:28.703 回答
0

试试 ng-table 库,它内置了分组功能:

http://ng-table.com/#/grouping/demo-grouping-basic

于 2017-09-04T14:43:46.770 回答