問題タブ [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.
css - EditableCellTemplate ui グリッド
ui-grid の列の 1 つに number 型の ng-input を入れたいと思います。理想的には、次のようになります。
私は regular を使用してこれを達成しましたcellTemplate
が、適切な方法はeditableCellTemplate
.UsingeditableCellTemplate
を使用することだと理解しましたが、セルはダブルクリックでのみ編集可能に見え、結果は次のようになります。
クリックされたセルは編集可能に見えますが、実際にはユーザーフレンドリーではありません。editableCellTemplate
列内のすべてのセルがクリックされていなくても、定義されているように表示するにはどうすればよいですか。
angularjs - Angular ui-grid 、editableCellTemplate にカスタム メッセージを追加
編集可能モードのときにセルにカスタムエラーメッセージを追加する必要があります。基本的には、次のように編集可能なhtmlテンプレートにメッセージを追加するだけです
テスト目的で customMsg をグローバルスコープにバインドしましたが、まだ表示されていないようです。サンプルプランカーがここに追加されました。ここで何が間違っているのか教えていただければ助かります
ありがとう
javascript - Angular フィルターを含む uI グリッド列の並べ替え
最近、Angular ui-grid を使い始めました。私はライブラリの内部構造にあまり精通していません。
ui-grid
パーセンテージを表示する必要がある列がありました。SO 私は次のフィルターを my に追加し、それをプロパティapp
と共に使用しました。ui-grid
cellFilter
これはうまくいきましたが、この列を並べ替えている間です。並べ替えは予期せず機能します。values を持つ3つの行があるとします100,200,300
。ソートされた状態100,200,300
と300,200,100
. しかし、この列のヘッダーをクリックし続けると、第 3 の状態 as200, 300, 100
または asが表示され100, 300,200
ます。この状態のパターンが何であるかさえわかりません。
私が正しければ、角度フィルターは でのみ機能しviews
、フィールドのモデルには影響しません。filter
したがって、追加がソートに影響を与えるとは思いません。
それとは別に、予想される 2 つの並べ替え (ASCENDING、DESCENDING) は完全に表示されますが、唯一の問題は 3 番目の表示です。この問題を解決するにはどうすればよいですか。
実装がありませんか?? これを解決するのを手伝ってください。
編集:この問題は文字列列でも発生します。私の理解では、並べ替えが考慮される限り、1 つの ASCENDING 状態と 1 つの DESCENDING 状態しか存在できません。しかし、私はより多くの手配をします。
angularjs - ui-grid に提供された行の完全な数が表示されない
私はしばらくの間 ui-grid を使用しています。最近、少し大きなデータ セット (たとえば 50 行) を渡すと、グリッドにすべてが表示されないという問題がグリッドで発生しました。
$scope.gridOption.data オブジェクトをデバッグして探すと、すべての要素が含まれているように見えますが、表示される要素はわずか (約 10) です。
ヘッダーをクリックしてソートしようとすると、さらにいくつかの行が表示されます。(たまに1~2本)
これは規則的ではなく、パターンがありません。これは、異なるデータ セットに対してランダムに発生します。
私が使用ui-grid - v3.2.6
していてdiv
、グリッドテーブル用max-height
とscroll
そうでない場合があります。同様の実装のページにそのようなグリッドが複数ありますが、この問題は現在特定のグリッドで発生しているようです。
プランカーを作成することはできますが、この問題はランダムであり、基本的な ui-grid 実装があるため、実際には役に立ちません。
このリンクをたどりましhttps://github.com/angular-ui/ui-grid/issues/424
たが、あまり理解できず、まだ立ち往生しています。
これは既知の未修正のバグのようです。しかし、これに対する実用的な解決策はありますか???
どんな助けでも大歓迎です..
angularjs - angular 1.5 コンポーネント内の ui-grid で editableCellCondition を設定する
データのフラグに基づいて行を編集可能/編集不可に設定しようとしています。angular 1.5コンポーネントの外側でこれを機能させることができますが、コンポーネントのコントローラー内のrow.entityにアクセスできないようです。
スコープに問題があると確信していますが、それを理解できないようです。row.entity にアクセスするにはどうすればよいですか? コントローラー内に独立したスコープがあります (コンポーネントの一部であるため)
プランカーはこちら: https://plnkr.co/edit/Wz7gKs
ありがとう