問題タブ [ag-grid]
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.
javascript - rowDataがnullの場合にag-gridを非表示にする方法は?
ag-grid
モデルコードから返されたrowDataがnullの場合、使用している(Angular Grid)がまったく表示されてはならないユースケースがあります。
今のところ、グリッド レベルでそれを行う方法を見つけることができません。
これを実装する正しい方法は何でしょうか? div 要素を非表示にすることがその方法である場合、JavaScript から正しい方法で行うにはどうすればよいでしょうか?
angularjs - $http を使用して json データをロードする場合の角度グリッド
プロジェクトで ag-grid プラグインを使用しています。$http サービスを使用して json データを取得します。しかし、グリッドは Web ページで空白で表示されます。しかし、json データを直接適用すると、グリッドが機能します。これはおそらく $http からのデータ取得の遅れによるものだと思います。ただし、角度の概念に従って、データが来るとグリッドを更新する必要があります。データがサーバーから来る場合にのみ html ページを表示するソリューションはありますか。
以下は私のjavascriptファイル 'fileBrowser.js'です:
以下は私のhtmlファイルです:
angularjs - ag-Grid でグループ化行を選択
ag-grid で「グループ化」行を選択する方法があるかどうか疑問に思っています。
たとえば、Web サイトに示されている例: http://www.ag-grid.com/angular-grid-grouping/index.php
「rowSelection」パラメーターを「single」に設定して、最下位ノードの行全体を強調表示できます。ただし、「国」行を強調表示することはできません。
この例では、これを行う唯一の方法は、その行の下の要素を「すべて選択」することです。
ありがとう!
html - 特定の条件での CSS ホバー効果 (つまり、テキストを含む)
内側のスパン (クラス "ag-header-group-text" を使用) が空でない (つまり、テキストを表示している) 場合にのみ、CSS ホバー スタイルが発生するようにします。これはcssのみで可能ですか?
https://jsfiddle.net/N8qah/13/
アップデート:
CSSをこれに変更しました。これは、内側のスパンが空でない限りアクティブにならないという点で機能します-唯一の問題は、ホバーが発生する最も外側のdivの代わりにスパンが強調表示されることです
angularjs - Angularjs ag-gridヘッダーセルのクリックイベントが起動しない
ag-grid では、ヘッダー列の 1 つに次のものがあります。
そして、私が持っています
しかし、上記のスパン要素のクリックイベントをクリックすると、発生しません。それを修正する方法を教えてもらえますか?
私のグリッドオプションで指定しました:
しかし、まだスパンの ng-click イベントは発生していません。
ブラウザー コンソールでは、以下に示すように、このスパンのヘッダーを確認できます。
ag-grid - ag-grid テーブルの選択チェックボックス
以下のオプションを使用して ag-grid の選択チェックボックスが必要です。しかし、左側にチェックボックスが表示されませんでした。選択チェックボックスを機能させるには、他に何を設定する必要があるか考えてください。
javascript - ag-grid + templateUrl が IE9 でクラッシュする
ag-grid を実装したばかりですが、内部でコンパイルされた角度のあるテンプレートで cellTemplates を使用すると IE9 がクラッシュすることがわかりました。
これに遭遇し、回避策を見つけた人はいますか?
再現方法:
ここ ( http://www.ag-grid.com/angular-grid-cell-template/index.php ) に IE でアクセスし、DevTools から IE9 を選択します。
angular コンパイルされたテンプレートが原因でクラッシュします。私がそれについて何ができるかわからない。
(これについても GitHub で問題を開きました: https://github.com/ceolter/ag-grid/issues/521 )
編集:
それをデバッグすると、あるメソッドからの配列への更新が何らかの形で別のメソッドに表示されないため、無限ループが発生します...
無限ループは次のとおりです: getTemplate、(呼び出しが終了するまで待機)、呼び出しの終了、テンプレートのキャッシュへの追加、コールバックの実行、コールバックは templateCache 内のテンプレートを参照せず、別のコールバックの作成、キューへの追加などの上。(以下の ag-grid のコード)。