問題タブ [angular-datatables]

サーバー側の処理でAngular データテーブル ( https://github.com/l-lin/angular-datatables ) を使用しています。列フィルターを追加しなければすべて正常に動作しますが、withColumnFilterオプションを追加すると、検索、ページネーション、ページごとのレコードが機能しなくなります。

これが私のHTML部分です：

JS 部分:

私が見つけたのをデバッグした後、DOM URLに変更を加えているajax URLです。これのスクリーンショットを添付しました：

アプリで使用angular-datatablesしています。ajax ソースが空の配列を返す場合の処理​​方法がわかりません。「レコードが見つかりません」というメッセージが表示されることを期待しています。

私のAjax応答は以下の通りです

では、これをどのように処理しますか？

プロジェクトで angular-datatables を使用しており、そのための Jasmine/Karma ユニット テストを作成したいと考えています。

これは私のコントローラからのコードです:

からの JSON 応答を偽造して、単体テストを作成するにはどうすればよい/api/booksですか?

このドキュメントに記載されている API メソッドと、こちらで説明されている destroy メソッドにアクセスできません。

HTML:

私のコントローラーには次のものがあります：

「tablecontent_array」にはデータが含まれています。

テーブルを変更/破棄しようとすると、エラーが発生します。

エラーメッセージ：

私の目的は、特定のユーザー操作の後にテーブルを変更することです。レンダリング中のテーブルデータは良好です。しかし、その API メソッドにはアクセスできません。

そうしている間に間違いを犯している可能性があります。角度データテーブルは初めてです。この問題に関するヘルプ/提案は役に立ちます。

私は AngularJS の socket.io で jQuery DataTables を使用しており、アイテムをソケット メッセージのデータ バインディング リストにプッシュし、その後ダイジェストしています。それが起こったとき、データを更新するだけで正しく機能しないのではなく、データテーブルがそれ自体を再作成しました。エラーもランダムに発生します * Warning: Cannot reinitialise DataTable , and when I do, the datatable failed to display.

JavaScript

HTML

アプリケーションで角度データテーブルを使用しました。以下に示すようにオプションを適用しました。

そして、列定義を次のように設定しました。

角度テーブルを使用したhtmlページ、

データテーブルのページネーションは必要ありません。だから私はそれを削除しました。しかし、テーブルに遅延読み込みを実装する必要があります。オプションに以下を追加して、テーブルにスクロールバーを追加しました。

しかし、テーブルのスクロールイベントをキャッチできません。スクロールがテーブルの最後に達したことを確認するにはどうすればよいですか? したがって、サーバーから次のデータ セットを取得して、テーブルに追加できます。私を助けてください。

Angular ディレクティブで関数を呼び出すことについて質問があります。以下は、コントローラーからのコードをカプセル化する私のディレクティブです。コントローラーから URL と列を取得します。dtOptions はディレクティブで設定されます。

これまでのところ機能し、テーブルが表示されます。問題は、DTOptionsBuilder が関数 serverData を呼び出さないことです。FnServerData(serverData()) に括弧を追加すると、メソッドが呼び出されますが、パラメーターは未定義です。コードは、コントローラーで定義されている場合に機能します。

うまくいく方法が見えますか？

指令

コントローラ

angular datatable pluginを使用しています。生成されたデータテーブルに付属する検索ボックスの値を取得したいと考えています。Angular データテーブルには、データテーブルを作成するためのオプションがいくつかありますが、いずれのオプションでも、特定の値を取得する目的で監視できる属性または何かを指定できます。

データテーブルの入力検索の値を取得する必要があるため、目的を達成する方法が見つかりません。

では、角度データテーブルで検索ボックスの値を取得するにはどうすればよいですか?

アップデート

問題: 1 行または 2 行で何が必要かを説明してみましょう。編集ボタンをクリックしたときに Angular Datatables を使用したデモ 1 では、データは編集フォームに表示されませんが、デモ 2 では使用していません。任意のデータテーブルですが、データが編集フォームにはっきりと表示されている場合、Datatables を使用してデータを Demo1 に表示したいと考えています。データは $scope.update 内にありますが、同じ HTML を使用しているのに、何らかの理由で HTML に表示されません。データテーブルがなくても完全に機能します。

デモ 1: http://plnkr.co/edit/EXXbkPUHfxcZ3blzvMaz?p=preview

デモ 2: http://plnkr.co/edit/QYZzmJNwWTQaIgvUkRzQ?p=preview

バックグラウンド

最初に左側に、1 つの入力タイプと 1 つの選択 (コロニー タイプ) を含むフォームからデータが挿入されます。左側には挿入用と更新用の 2 つのフォームがあります。1 つのフォームは挿入用で、もう 1 つは編集用です。挿入フォームが表示され、編集フォームが非表示になり、その逆も同様です。右側には、[編集] ボタンと [削除] ボタンとともに、データテーブルの助けを借りてデータのリストが表示されます。重要なことは、ボタンは DataTable コード内で作成され、 HTMLページでは、削除と挿入は問題なく機能しますが、編集!! いいえ、そうではありません。

問題

ケース 1: (Datatables を使用する場合) [編集] ボタン (CODED INSIDE DATATABLES) をクリックすると ID が送信されます。下の図では、ID は「47」とコンソール化され、データを取得して印刷する $http 要求が作成されます。コンソール。しかし、更新フォームに値を挿入しようとしても機能しませんが、$scope をコンソールすると、値は更新オブジェクトに挿入されますが、HTML ページには出力されません。

ケース 2: (Datatables を使用しない場合) Datatables を使用せずに [編集] ボタンをクリックすると、すべてが正常に機能し、データが更新オブジェクトに挿入され、HTML ページに出力されます。

HTML ページ:

DataTables を使用する場合

DataTables が使用されていない場合

コントローラ

このコントローラーは従業員レポート用です.......だから、列とそのレコードを表示する前に、最初に EMPLOYEE REPORT というタイトルを設定したい