4

エンタープライズ バージョンをテストしていますが、ステータス バーの行にカスタム テキストを表示できるかどうかを知りたいですか? (ステータスバーが利用できない場合、代替手段はありますか?)

テーブルを表示したいX rows / Y total rows、またはそれが不可能な場合は、X rows

または Indicators: Blue - Manual Deposit, Red - Failed Deposit, Green - Success (この例では色を表示するカスタム スタイルを使用)

これは可能ですか？（ところで、Angular 1を使用しています）

4

2 に答える 2

11

あなたは 2 つの異なる質問をしましたが、両方を説明しようと思います。

テーブルの合計 X 行 / Y 行を表示したい

を持ってY total rowsいgridOptions.api.getModel().getRowCount()ます。「X rows現在表示されている行」を指していると思いますが、それを取得する現在の方法はないと思います。私たちはそうでしたが、私は間違っているかもしれません。

インジケータ: 青 - 手動デポジット、赤 - デポジットの失敗、緑 - 成功

セル/行のスタイルを変更することについて話していると思いますか? セルのスタイリングについては、列定義 cellClassRulesをご覧ください。ウェブページから:

ag-Grid を使用すると、ルールを適用して特定のクラスを含めることができます。AngularJS を使用する場合、これはクラスを Javascript オブジェクト キーとして指定し、ルールをオブジェクト値として指定する ng-class に似ています。

次のように使用できます。

//'Success', 'Manual' and 'Failed' are placeholders for the actual values
// you must compare to.
cellClassRules: {
    'green': function(params) { return params.value === 'Success'},
    'blue': function(params) { return params.value === 'Manual'},
    'red': function(params) { return params.value === 'Failed'}
},

行全体のスタイリングについては、この他の質問で説明したことで実現できます

// Again, 'Success', 'Manual' and 'Failed' are placeholders 
// for the actual values you must compare to.
gridOptions.api.getRowStyle(params) {
    switch(params.data.myColumnToCheck){
        case 'Success':
            return {'background-color': 'green'};
        case 'Manual':
            return {'background-color': 'blue'};
        case 'Fail':
            return {'background-color': 'red'};
    }
    return null;
}
于 2016-07-13T11:24:50.260 に答える