問題タブ [celltemplate]

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 投票する
3 に答える
3777 参照

angularjs - ngGrid cellFilter と cellTemplate は連携しません

ngGridを使用してデータを表示します。特定の列に対して cellFilter と cellTemplate を一緒に使用したいのですが、一緒に動作しないようです。cellFilter または cellTemplate を別々に使用すると、完璧に機能します。基本的に、セルの値をこのようにフォーマットしたいと思います (例: 500000 --> 500,000; 1000000 --> 1,000,000) また、赤色で負の値を作成したいと思います。どうすればこれを解決できますか? ありがとう!

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

angularjs - ui-grid の grid.appScope に 2 つのパラメーターを渡す方法

2 つのパラメーターを ui-grid セル テンプレートに渡そうとしています。

例: ng-click="grid.appScope.copyOperation(row.entity, copyOperation).

copyOperation は明らかに文字列です。

理由: if else 条件を使用して、すべてのグリッド操作 (削除、コピー、および編集) に対して単一のメソッドを維持することにより、コードの冗長性を減らします。

コントローラー側では、機能は次のようになります

しかし、残念ながら、操作が未定義になります(エラーはありません)。では、この場合、どのように文字列を渡すのでしょうか? 別の提案も役に立ちます。ありがとうございました!

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

angularjs - ui-grid cell-template 内から関数を呼び出せないのはなぜですか?

クリックすると行を編集可能にする cellTemplate があります。これまでのところ動作します。ただし、これが完了すると、関数も呼び出される必要がありますが、これは発生していません。

列定義:

私がcellTemplateで試したこと:

ボタンをクリックすると、意図したとおりにセルが編集可能になります。しかし、コンソールには何も出力されません。そして、私はその理由を理解できないようです。足りないものはありますか?cellTemplate 内から関数を呼び出すにはどうすればよいですか?

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

angular-ui-grid - 単一のセルを Datepicker またはドロップダウンとして使用できますか?

AngularJS UI-Grid を使用しています。6 列と 4 行の一定のグリッドがあります。このグリッドでは、1 つのセルのみが日付ピッカーであり、1 つのセルがドロップダウンであり、いくつかのセルが数値のみであるという特定の要件があります。列全体にこれを適用できることはわかっています。これを特定のセルに個別に適用する方法はありますか?

どのサンプルも非常に役立ちます。

前もって感謝します。

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

angular-ui-grid - 新しく追加された行の列にのみボタンを表示する

5 つの列がある ui-Grid があります。新しい行を追加するオプションを提供しました。最後の列は、行を削除するためのアイコンです。しかし、以前に存在した行ではなく、新しく追加された行に対してのみ削除ボタンを有効にする必要があります。行の追加をクリックすると、その行の削除ボタンが有効になり、他の行の削除ボタンは無効になるはずです。それを達成する方法について何か考えはありますか?

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

angular-ui-grid - 各セルの Angularjs UI-GRID 動的セル テンプレート

3列のUIGridがあります。2 列目の値に基づいて、3 列目のカスタム セル テンプレートを作成する必要があります。例 :

行 1 : Expression1 : 文字列 : TextBox

行 2 : Expression2 : Boolean : true と false のドロップダウン。

以下のスニペットのように、カスタムセルテンプレートを3列目に追加しようとしました:-

ただし、この場合、3 列目のセルには常に true と false のドロップダウンがあります。2 列目のセルの値に基づく動的なセル テンプレートが必要です。3 列目のセル タイプは TextBox または Dropdown である必要があります。これを行う方法はありますか?

前もって感謝します。