0

サマリー グリッドを有効にします。

Ext.create('Ext.grid.Panel', {
            features: [{
                ftype: 'summary'
            }],

必要な列に summaryType 構成を追加します。

columns: [{
    dataIndex: 'name',
    text: 'Name',
    summaryType: 'sum',
...

カスタム summaryType は次のようになります。

dataIndex: 'subtotal',
text: 'SubTotal',
summaryType: function(records){
    return 100*100;//custom function
}

extjs グリッドの集計行の背景色を変更するための単純な css の追加。

.x-grid-row-summary {
    background-color: #efefef;
}

カスタム SummaryRender;

{
     dataIndex: 'count',
     text: 'Count',
     summaryType: 'count',
     summaryRenderer: function(value, summaryData, dataIndex) {
         return (value && value>100)?"<font color='red'>"+value+"<font>":value; 
     }
},
4

1 に答える 1

2

CSSスタイルの下に追加するだけです

.x-grid-row-summary {
    background-color: #efefef;
}
于 2013-11-11T09:51:20.237 に答える