問題タブ [footable]

ページネーション機能を使用する代わりに、jquery フッタブル実装の html テーブルで無限ロードを使用したいと考えています。

スクロール、無限ロードのプラグインをいくつか実装してみましたが、見た目も機能も変わってしまいました。

したがって、フッタブルに実装されたhtmlテーブルに無限の読み込みを適用するための回避策またはアプローチ。

knockOutを使用して、ページ内のテーブルの数を可変にしようとしています。すべて正常に動作しますが、フッタブルは機能しません。ノックアウトで単一のテーブルを作成すると、フッタブルが正常に機能します。これは、ノックアウトを使用した可変数のテーブルのコードです

フッタブルで動作させるにはどうすればよいか教えてください。

私の問題を示すプランクを作成しました: http://plnkr.co/edit/2UMTW2p0UAWPzJ0d0m5F?p=info

Knockout.js ForEach を使用してバインドされたテーブルがあります。.footable() イニシャライザの呼び出しは、通常の場所で呼び出しても機能しません。Footable 用のカスタム バインダーを作成し、$(element).footable(); を呼び出します。これによりフッタブルが初期化されますが、これはカスタム バインダーの初期化で発生するため、その後にさらに行が追加され、テーブルが正しく表示されません。顧客バインダーに更新機能がありますが、正しい時間に呼び出されるように valueAccessor に何を設定すればよいかわかりません。（またはまったく）理想的には、テーブルの構築に使用されるのと同じ監視可能な配列を使用したいと思います。

ForEach に afterRender を追加すると、一部は役に立ちましたが、ViewModel にフッタブル ロジックを追加する必要があります。

それで、私が本当にやりたいことは、使用する必要があるプロパティを見つけて、カスタム バインダーの update コールバックが機能し、すべてのフッタブル ロジックをカスタム バインダーにカプセル化できるようにすることです。

私の問題を示すプランクを作成しました: http://plnkr.co/edit/OWHICW15s6W6QCjNi7NV

タスクのテーブルがあり、各タスクには別のタスクのリストを含めることができます。新しいタスクを作成または編集するとき、その作業は Bootstrap Modal で行われます。モーダル div が作成されると、タスクのリストを含むテーブルの直後に作成されます。これは別のモーダル内にネストされる可能性があるため、モーダル div を body 要素の子である別の div に移動 (追加) するコードがあります。これを行わないと、ネストされたモーダルのサイズは含まれているモーダルに制限されます。このロジックは showModalBinding.js にあります。

これは期待どおりに機能しますが、モーダル要素を移動すると、Uncaught Error: You cannot apply bindings multiple times to the same element. が表示されます。

このエラーを解消しながら、正しいバインディングを維持するにはどうすればよいですか? (私は cleanNode を試しましたが、エラーはなくなりましたが、バインディングも削除されます。バインディングを再度追加するにはどうすればよいですか?)