問題タブ [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 に答える
775 参照

css - EditableCellTemplate ui グリッド

ui-grid の列の 1 つに number 型の ng-input を入れたいと思います。理想的には、次のようになります。 ここに画像の説明を入力

私は regular を使用してこれを達成しましたcellTemplateが、適切な方法はeditableCellTemplate.UsingeditableCellTemplateを使用することだと理解しましたが、セルはダブルクリックでのみ編集可能に見え、結果は次のようになります。 ここに画像の説明を入力

クリックされたセルは編集可能に見えますが、実際にはユーザーフレンドリーではありません。editableCellTemplate列内のすべてのセルがクリックされていなくても、定義されているように表示するにはどうすればよいですか。

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

javascript - ui グリッド ヘッダー メニュー オプション

ヘッダー メニュー オプションの 1 つを ui-grid から非表示にしたいのですが、enableFiltering で [列を非表示] オプションを表示したくありません。

enableColumnMenus:false はヘッダーからメニュー全体を隠していますが、これは私の要件には合いません。css でこれを実現するには、display none オプションを使用しますが、javascript の最後からやりたいのですが、誰か助けてくださいUIグリッド

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

angularjs - Angular ui-grid 、editableCellTemplate にカスタム メッセージを追加

編集可能モードのときにセルにカスタムエラーメッセージを追加する必要があります。基本的には、次のように編集可能なhtmlテンプレートにメッセージを追加するだけです

テスト目的で customMsg をグローバルスコープにバインドしましたが、まだ表示されていないようです。サンプルプランカーがここに追加されました。ここで何が間違っているのか教えていただければ助かります

ありがとう

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

javascript - Angular フィルターを含む uI グリッド列の並べ替え

最近、Angular ui-grid を使い始めました。私はライブラリの内部構造にあまり精通していません。

ui-gridパーセンテージを表示する必要がある列がありました。SO 私は次のフィルターを my に追加し、それをプロパティappと共に使用しました。ui-grid cellFilter

これはうまくいきましたが、この列を並べ替えている間です。並べ替えは予期せず機能します。values を持つ3つの行があるとします100,200,300。ソートされた状態100,200,300300,200,100. しかし、この列のヘッダーをクリックし続けると、第 3 の状態 as200, 300, 100または asが表示され100, 300,200ます。この状態のパターンが何であるかさえわかりません。

私が正しければ、角度フィルターは でのみ機能しviews、フィールドのモデルには影響しません。filterしたがって、追加がソートに影響を与えるとは思いません。

それとは別に、予想される 2 つの並べ替え (ASCENDING、DESCENDING) は完全に表示されますが、唯一の問題は 3 番目の表示です。この問題を解決するにはどうすればよいですか。

実装がありませんか?? これを解決するのを手伝ってください。

編集:この問題は文字列列でも発生します。私の理解では、並べ替えが考慮される限り、1 つの ASCENDING 状態と 1 つの DESCENDING 状態しか存在できません。しかし、私はより多くの手配をします。

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

angularjs - ui-grid に提供された行の完全な数が表示されない

私はしばらくの間 ui-grid を使用しています。最近、少し大きなデータ セット (たとえば 50 行) を渡すと、グリッドにすべてが表示されないという問題がグリッドで発生しました。

$scope.gridOption.data オブジェクトをデバッグして探すと、すべての要素が含まれているように見えますが、表示される要素はわずか (約 10) です。

ヘッダーをクリックしてソートしようとすると、さらにいくつかの行が表示されます。(たまに1~2本)

これは規則的ではなく、パターンがありません。これは、異なるデータ セットに対してランダムに発生します。

私が使用ui-grid - v3.2.6していてdiv、グリッドテーブル用max-heightscrollそうでない場合があります。同様の実装のページにそのようなグリッドが複数ありますが、この問題は現在特定のグリッドで発生しているようです。

プランカーを作成することはできますが、この問題はランダムであり、基本的な ui-grid 実装があるため、実際には役に立ちません。

このリンクをたどりましhttps://github.com/angular-ui/ui-grid/issues/424たが、あまり理解できず、まだ立ち往生しています。

これは既知の未修正のバグのようです。しかし、これに対する実用的な解決策はありますか???

どんな助けでも大歓迎です..

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

angularjs - angular 1.5 コンポーネント内の ui-grid で editableCellCondition を設定する

データのフラグに基づいて行を編集可能/編集不可に設定しようとしています。angular 1.5コンポーネントの外側でこれを機能させることができますが、コンポーネントのコントローラー内のrow.entityにアクセスできないようです。

スコープに問題があると確信していますが、それを理解できないようです。row.entity にアクセスするにはどうすればよいですか? コントローラー内に独立したスコープがあります (コンポーネントの一部であるため)

プランカーはこちら: https://plnkr.co/edit/Wz7gKs

ありがとう