問題タブ [angular-ui-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.

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

javascript - 2 つの Angular UI グリッド間で列の並べ替えを同期するにはどうすればよいですか

ユーザーが確認できる正確なデータを一般的に持つ 2 つのグリッドをユーザーに表示したいと考えています。私が心配しているのは、ユーザーが一方のグリッドの並べ替え順序を変更せずに他方のグリッドを変更し、グリッドが一致しないという誤った印象を与えることです。

ユーザーが 1 つのグリッドで列の並べ替え順序を変更すると、別のグリッドでも自動的に並べ替えられるように、グリッドの並べ替えを同期するにはどうすればよいですか?

0 投票する
0 に答える
500 参照

angularjs - angularjsでsortInfoを使用するときにng-gridヘッダーの番号を削除するには?

私はangularjsの初心者です。定義された3つの列によるデフォルトのソートを備えたng-gridがあります:

しかし、その結果、グリッド ヘッダーに小さなラベルが表示されます。

グリッド ヘッダー行

これらの番号を削除するにはどうすればよいですか?

ヘッダーのカスタム テンプレートを使用し、sortPriority 部分を削除してみましたが、うまくいきませんでした。それはまったくsortPriorityですか、それとも間違った場所を見ていますか?

0 投票する
0 に答える
760 参照

angularjs - Angular JS - UI Grid - インポート データのカスタム ファイル ピッカー

モジュール ui.grid.importer の Public Api の importFile(grid, fileObject) メソッドでさまざまな方法を試しました。しかし、成功しません。

csv ファイルをグリッドにインポートして編集し、Rest リンクとして PHP に投稿したいと考えています。

誰でも私を助けて、それについての洞察を与えてください。ありがとう。

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

angular-ui-grid - cellTemplate で入力タイプ「チェックボックス」をバインドできないのはなぜですか?

これが私のプランカーの例です: http://plnkr.co/edit/Tc9FRHAEoQlOqy7sk1Ae?p=preview

私がやろうとしていること: cellTemplate を使用して、データの field04 からチェックボックス html をセルにバインドし、まだその ng-click 関数にアクセスできます。

app.js のコード:

index.html からのコード:

columnDef に html を記述すると、field03 で正しい効果が得られます。こちらの TomMorgan のプランカーに感謝します: http://plnkr.co/edit/9eRg9Yjl2ooeSuWMJ8x2?p=preview

field05 のデータから、cellTemplate に html を入力できます。

field04 のチェックボックスが機能しないのはなぜですか?

私は angularjs が初めてで、「ui-grid」ソリューションを「ng-grid」ソリューションから分離するのは困難です。助けてくれてありがとう。

0 投票する
0 に答える
3727 参照

javascript - ui-grid の列のインデックスを取得する

列のすべての行を取得し、それらの数値の範囲を決定し、範囲内のその行のパーセンタイルを決定するカスタム列メニュー項目を作成しようとしています-赤のスケールで色を割り当てます緑に。以前にこのことを行ったときから、色付けアルゴリズムと関数を既に設定していますが、角度を使用しない前は、テーブルソーを使用していました。次に、列のメニューを使用してこの関数を起動できるようにする必要があります。

私が必要とする唯一のことは、メニューが開かれた列のインデックスを決定することです。これにより、関数は選択する列を認識し、:nth-child(index)jquery/css 疑似クラスセレクターで CSS を変更します。

angular とこの機能を使用した私のセットアップは次のとおりです

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

angularjs - オブジェクト キーからの angular-ui-grid 行

ハッシュ内の ID によってインデックス付けされて格納されているオブジェクトのコンテナーがあります。

myObjs の各オブジェクトを ui-grid ( http://ui-grid.info/ )の行にバインドしたいと思います。一般的な表では、次のようになります。

1 つの解決策は、myObjs のコンテンツからオブジェクトの新しい配列を派生させて、UI グリッドへの入力データとして使用することですが、これは、myObjs と派生配列入力の間のバインドを維持する必要があることを意味します。

ui-grid を myObjs にバインドするより自然な方法はありますか?

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

angular-ui-grid - UI-Grid enablefiltering が AngularJS ページで入力ボックスを表示しない

Restangular 経由でデータをロードしている角度のあるページで UI-Grid 3.0 不安定を使用しています。これまでのところ、ほとんどは問題ないようです。それと一緒に選択モジュールを使用していますが、{enableFiltering: true} gridOptions を読み込んでいるページで問題が発生しています。ほとんどのページでグリッドに入力ボックスが表示されていません。

以下を使用して、html ページで ui-grid を呼び出します。

コントローラーの gridOptions は次のようになります。

正直なところ、ページに表示されない理由がわかりません。

0 投票する
4 に答える
26405 参照

angularjs - Angular UI Grid 3.x バージョンのアクション ボタン

Angular UI Grid (不安定版)を使用して単純なテーブルをレンダリングしようとしています。各行に対して、クリックされたときに親コントローラーで処理する必要があるボタンが必要です。

プランカー

Javascript:-

HTML

コードと同様に、アクション ボタンをレンダリングするために、3 列目のインライン テンプレートでcolumnDefsを使用しました。

問題

ボタンをクリックしても機能しません。クリック時に「 $scope.clickHandler」関数が実行されることを期待しています。また、「名前」を引数としてクリック ハンドラに渡すことができるはずです。