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 个面板，第二个面板（结果视图）上的折叠图标是上面发布的图像中显示的一个，也是我试图修复的那个。

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 回答