問題タブ [smart-table]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2749 参照

angularjs - AngularJS、ハードコードされた json を $http.get に置き換えて結果をレンダリング

次の jsfiddle http://jsfiddle.net/rubyoma/bFJZK/のハードコードされた項目リストから プレーンな $http を使用して切り替えた場合

データは非同期であり、テーブルがレンダリングされた後に戻ってきます。変更をリッスンする必要はありません。必要なのは、json と検索/並べ替えのクライアント側だけです (現在は機能しているため)。これを http get でどのように機能させますか?

承認後の編集: テーブルについては、 http://lorenzofox3.github.io/smart-table-websiteもチェックアウトします

0 投票する
11 に答える
390541 参照

angularjs - Bootstrap 3を使用してAngularJSでグリッドまたはテーブルを表す最良の方法は?

AngularJS と Bootstrap 3 を使用してアプリを作成しています。数千行のテーブル/グリッドを表示したいと考えています。並べ替え、検索、ページネーションなどの機能を備えた AngularJS と Bootstrap で利用できる最適なコントロールは何ですか?

0 投票する
3 に答える
1495 参照

angularjs - すべての行を削除した後にスマートテーブルを非表示にする方法は?

私は使用してスマートテーブルを表示しng-showsg-hideいます..条件はデータがnullで、テーブルを非表示にしてデータを表示しています。ページの新規ロードのたびに機能していますが、行を削除してテーブルを空にした場合に適用したいです。angularjs と smarttable はリソースです

最初のロードでは次のとおりng-hideで、ng-showテーブルまたはその他の div を表示します。表示するデータがない場合は非表示です。それ以外の場合は、行削除アクションですべての行を空にしたときに表示しているデータが存在し、すべての行が削除された後... ng-hideが機能していません私はangularjsとsmarttableを使用しています

HTML

コントローラ

$scope.columncollection;$scope.rowcollectionhttp を使用してデータを取得し、rowcollection オブジェクトを埋めます。カスタム ディレクティブを使用して行を削除します。最初のロードでデータ長がゼロの場合は正常に動作しますが、行が削除されてから非表示になりません。

0 投票する
1 に答える
6126 参照

angularjs - angularjsスマートテーブルのチェックボックスを使用して各行選択を処理するには?

各行でチェックボックスを使用してスマートテーブルで行を選択する方法と、サイクルごとに選択された行の数を表示する方法は? angularjs と smart-table を使用する必要があります

[ソース] http://lorenzofox3.github.io/smart-table-website/

0 投票する
1 に答える
3509 参照

angularjs - Angular スマート テーブル + 集計行の追加

Angular スマート テーブルに集計行を追加したいと考えています。行をソートしてはならず、最後に追加する必要があります。

私はそれを試みましたが達成できず、Google で多くの情報を検索しましたが、それ以上の情報を見つけることができませんでした。

要約行を追加する方法を教えてください。

0 投票する
1 に答える
1798 参照

angularjs - selectionMode の使用方法: 'multiple'、displaySelectionCheckbox: angularjs スマート テーブルの true プロパティ

http://lorenzofox3.github.io/smart-table-website/#/section-selection _

、スマート テーブルselectionMode: 'multiple'で プロパティを使用する方法 。displaySelectionCheckbox: true要件は何ですか?

0 投票する
2 に答える
822 参照

angularjs - Smart-Table (http://ngmodules.org/modules/Smart-Table) では、removeDataRow 機能にどのようにアクセスしますか?

私は Angular と Smart-Table ( http://ngmodules.org/modules/Smart-Table ) を初めて使用し、テーブル行の削除機能を追加しようとしています。組み込み関数 (removeDataRow) がありますが、近くにある updateDataRow とは異なり、それをトリガーする方法を理解できませんでした。これまでの関連コードは次のとおりです。

deleteAction.html:

表の列の定義:

表のグローバル構成:

削除方法:

テーブル表示:

[削除] ボタンが表示され、removeDataRow メソッドをトリガーしようとするサイクル タイムが発生しました。それができないので、テーブル要素 ID を返して削除を実行する方法を見つけようとしています。むしろ組み込み関数を使用したいと思います。何か案は?ティア、テッド

0 投票する
1 に答える
1381 参照

json - 複雑なオブジェクトで asn Angular Smart-Table を使用する

次のようなデータ コレクションがあります。

ご覧のように、バックエンド RESTful サービスによって返される JSON 配列は、「それぞれに複雑なオブジェクト (dispositionId、name、. . .) を持つ性質オブジェクト」です。

このコレクションを Smart-Table に渡すと、ヘッダーしか取得できません。

ただし、メソッドを実行して「性質」を削除し、次のような単純な配列に変換すると:

すべて正常に動作します。取得したデータを編集せずに、スマート テーブルに標準の JSON 構成を認識させる方法はありますか? 何かを見落としているような気がします。

テーブルを見るための私のはここにあります:

唯一の違いは、使用されているコレクションです。1 つは複雑なオブジェクトで、もう 1 つはバニラ配列です。私は {{}} を試し、'rowCollections.disposition も実行しました。1 つ目ではページが完全に失敗し、2 つ目ではヘッダーのみのテーブルが表示されます。