問題タブ [footable]

私の問題を示す plnk があります: http://plnkr.co/edit/bXINbDBIMb0LbLitHGbl。

タスクのリストがあり、各タスクにはタスクのリストを含めることができます。タスクはトップ レベルであるか、単一の親を持つことができ、タスクにそれ自体を含めることはできません。

foreach バインディングを使用すると、タスクは正しいタスクに「保存」され、期待どおりに動作します。(フッタブル機能以外) (タスクはオブザーバブル配列にプッシュされる以外は実際には保存されないため、保存済みは引用符で囲まれています。)

この回答によると: https://stackoverflow.com/a/20811414/2033294カスタム Footable バインディングを作成しました。バインドは、ネストされたタスクで試してみるまで、私が望んでいたとおりに機能していました。

希望する動作を確認するには、[タスクの追加] を押して [OK] を押し、作成したばかりのタスクをクリックして、別のタスクまたはサブタスクを追加します。[OK] を押して、タスクをもう一度クリックし、サブタスクが期待どおりに保存されていることを確認します。

問題を確認するには、変更します

に

上記の手順を繰り返します。サブタスクが期待どおりに「保存」されていないことがわかります。[適用] を押してサブタスクを追加すると、[OK] を押してメイン リストに戻り、タスクを再度表示するまで、サブタスクが機能しているように見えます。サブタスクが実際には正しい配列にプッシュされていないことがわかります。

編集:問題を footable_redraw がトリガーされる場所に絞り込みました。これを無効にすると、データは期待どおりに表示されます。フッタブルは再描画されませんが、少なくとも、問題が基になるデータまたはビューモデルではないことを知っています。

編集: footable.js のこのコードまで問題を追跡しました: (行 615)

したがって、何らかの理由で列が非表示に設定されているため、非表示にならないように設定する方法がわかりません。

編集：もしそうなら：（footableBinding.js内）

代わりに:

これにより、期待どおりの動作が得られますが、問題を解決する適切な方法とは思えません。

So I am using footables in my website which is a jQuery plugin. I wrapped it in a angular directive like so:

and then I call footable like

The problem is that even though the directive is creating a footable, the footable needs 100 ms to work and if i start in mobile it doesn't reflow unless I send a timeout in my controller like this:

The problem with this is that I am using jquery and putting this is my page controller. I'd like to put that timeout and redraw in the directive and have it work? or is there another way to get finnicky jquery plugins to work?

どの列が data-toggle イベントをトリガーするかを指定できるようにしたいので、データを切り替えずに他の列を別のイベントに応答させることができます。

ここに私が見ているものを示すプランクがあります: http://plnkr.co/edit/wqyuuqNfb6qxXBWyHoRo

最初と最後を除く行のすべての列をクリックすると、モーダル ダイアログが表示されます。画面を縮小してデータを折りたたむと、1列目にトグルアイコンが表示されます。このアイコンをクリックすると、期待どおりにデータが切り替わります。私が抱えている問題は、最初の名前をクリックすると、データが切り替わり、モーダルが表示されることです。指定された列だけにトグル イベントを制限する方法はありますか?

Footable に複数ページのデータがある場合、データのページをめくると、その時点で各列に表示される内容に応じて、列幅が変化します。これは醜いです。

私のクライアントの要求は、私がレスポンシブなテーブルを持っていないことを意味していると思いますが、私には見えない方法があるかもしれません.

Footable は、クライアント側でページネーションを処理します。技術的には、最初のページから列幅を「ロック」し、データ全体で同じままにすることができるはずです。ただし、Footable にこのオプションがあるとは思いません。

この jsfiddleは問題を示しています (jsFiddle CSS には Footable クラスも含まれているため、私の場合は少し干渉します)。

列の幅を%で指定できます-ビューポートが縮小するにつれて列が非表示になっている場合でも機能するようです。

誰か別の/より良い提案がありますか?

Knockout.js を使用してバインドされたテーブルがあります。

大きな画面では問題はありませんが、ページ展開アイコンのサイズを変更すると、このエラーが発生します:「Uncaught TypeError: null のプロパティ 'name' を読み取れません」ここで何かを見つけましたが、できませんでしたまだ私の問題を解決していません。

表示される行数など、フィルター関数のフッター可能な結果を​​取得する方法はありますか?

私が作業しているコードは、handlebar.js を使用してテーブルを作成しています。ここで、footable を使用してレスポンシブにしたいと考えています。ただし、footable は機能しません... おそらくスクリプト タグ内のテーブル ヘッダーを認識しません。

私のコードは次のようになります

{{#これごと}}

{{/各}}

フッタブルクラスの下にテキストボックスがあります。このテキスト ボックスを編集したいのですが、モバイルでは機能しません。

テキストボックスをクリックするとモバイルキーパッドが表示されますが、2番目のキーパッドが自動的に消えます。

HTML構文は次のとおりです