0

パネル ( http://i.imgur.com/2ZvKd.png )で折りたたみアイコンを回転させる方法はありますか? アイコンが示す方向とは反対の方向にパネルが折りたたまれるため、方向が少し誤解を招くためです。

   defaults: {
            collapsible: true,
            animFloat: true,
            autoHide: true,
            cmargins: '5 5 5 5'
        },
        items:
        [{
            xtype: 'createreportview',
            bodyStyle:{ padding: '10px'},
            minHeight:280,
            flex: 0.40
         },
         {
             xtype: 'splitter',
             collapseTarget:'prev'
         },
         {
             xtype: 'resultsview',
             flex: 0.60
        }]
}

2 つのパネルがあります。2 番目のパネル (resultsview) の折りたたみアイコンは、上に投稿された画像に示されているもので、修正しようとしているものです。

4

2 に答える 2

2

親コンテナのレイアウトは何ですか? を使用して、下部パネルをlayout: border指定すると、下向き矢印が表示されると思います。region: south

正確なサンプルを修正しようとする場合は、下部パネルの定義内から移動collapsible: trueしてみてください。defaults

于 2012-04-13T18:31:32.630 に答える
0

画像の背景位置を変更するだけです。すべてのツール画像のスプライトは次のとおりです: http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/themes/images/default/tools/tool-sprites.gif

http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/layout/border.htmlにアクセスして矢印要素 (パネルの上下矢印) を調べると、背景が表示されます。 css で設定された位置の値。

下向き矢印の位置:

x-tool-expand-top, .x-tool-collapse-top {
    background-position: 0 -210px;
}

上向き矢印の位置:

.x-tool-over .x-tool-expand-bottom, .x-tool-over .x-tool-collapse-bottom {
    background-position: -15px -195px;
}

css を (ext の css ファイルの後にロードするスタイルシートを使用して) 次のように更新して、それらを切り替えることができます (背景位置を切り替えるだけです)。

.x-tool-expand-top, .x-tool-collapse-top {
    background-position: -15px -195px;
}

.x-tool-over .x-tool-expand-bottom, .x-tool-over .x-tool-collapse-bottom {
    background-position: 0 -210px;
}
于 2012-04-13T18:53:50.463 に答える