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"
   });
}

最初に 1 行だけの単純なテーブルを作成したいと思います。この行で、ユーザーはボタンをクリックして、最初の行から展開可能な行になる新しい行を送信できます。可能かどうかを確認するためにそうしようとしましたが、最初の展開可能な行を送信した後に初期化関数を呼び出す必要があることを理解しました。それは機能しますが、操作をやり直したい場合は、いくつかの競合があります。

この絵を見てください：

操作をやり直すと競合する

誰かがこれを修正するアイデアを持っているなら、私はそれを聞いてうれしいです. ありがとう

4

2 に答える 2

1

Angular ライブラリを使用せず、jQuery ベースのコンポーネントを避けるのはなぜですか?

いくつかの代替手段を次に示します。

于 2016-02-22T07:04:28.703 に答える