1

次の問題があります。CSSで設定されたカスタム行の高さを持つグリッドがあります。

私のCSS：

.blubb>td {
    overflow: hidden;
    padding: 3px 6px;
    white-space: nowrap;
    height: 27px !important;
}

getRow クラスで、このクラスを行に割り当てます。これは、グリッドを 2 回目にロードしたときに非常にうまく機能します。初めてグリッドをロードすると、次のようになります。

ここに画像の説明を入力

Css ルールが行に適用されないように見えますが、グリッドを 2 回目にロードしたときに適用されるのはなぜですか? また、最初の 4 つの列がロックされているため、これはロックされたグリッドであることも知っておく必要があります。誰かがこの問題を解決するのを手伝ってくれませんか? 事前にt​​hx！

4

1 に答える 1

0

を使用する代わりに、 see hereのプロパティをgetRow使用するか、カスタム列を定義できます。tdClsExt.grid.column.Column 

Ext.define('Ext.ux.grid.StyleColumn', {
    extend: 'Ext.grid.column.Column',
    alias: 'widget.stylecolumn',
    /* author: Alexander Berg, Hungary */

    defaultRenderer: function(value, metadata, record, rowIndex, colIndex, store, view) {
        var column = view.getGridColumns()[colIndex];
        //we can use different classes in each cell
        if (record.data.tdCls) {
            metadata.tdCls = record.data.tdCls;
        //we can use different classes in each column
        } else if (column.tdCls) {
            metadata.tdCls = record.data.tdCls;
        //we can use different classes in each grid (you can define it in viewConfig)
        } else if (view.rowCls) {
            metadata.tdCls = view.rowCls;
        //we can add a default class
        } else {
            metadata.tdCls = 'mydefault';
        }       
        return value;
    }
});
于 2013-09-04T08:36:18.353 に答える