javascript - ExtJS での関数の使用

Question

私はext-jsを初めて使用します。

コンテナー グリッドがあり、これを行う必要があります。行の 2 つの列の差が 2 より大きい場合、行は赤で表示されます。

どうすればいいのかわかりません。

columns: [
                                            {
                                                xtype: 'gridcolumn',
                                                dataIndex: 'val_1',
                                                text: 'val_1'
                                            },
                                            {
                                                xtype: 'gridcolumn',
                                                dataIndex: 'val_2',
                                                text: 'val_2'
                                            }

Answer 1

使用getRowClass方法:

この関数をオーバーライドして、レンダリング中にカスタム CSS クラスを行に適用します。この関数は、行のラッピング div に追加される CSS クラス名 (または何もない場合は空の文字列 '') を返す必要があります。複数のクラス名を適用するには、文字列内で空白で区切って返すだけです (例: 'my-class another-class')。使用例:

 viewConfig: {
     getRowClass: function(record, rowIndex, rowParams, store){
         return record.get("valid") ? "row-valid" : "row-error";
     } }