在Ext选项卡内使用Rally纸板时的水平滚动条

Question

我有一个Rally.ui.cardboard.CardBoard作为Ext.tab.Panel中的项目。当有足够的卡片导致垂直滚动条出现时，吃16px的宽度，而不是动态地拟合新的宽度，也会出现水平滚动条。当CardBoard呈现给document.body时，不会发生这种情况。

我一直在寻找合适的配置选项，以使TabPanel及其子项[]自动调整大小。经过两天的徒劳尝试后，我即将放弃，只需要为PC增加1902px的宽度，为Macs增加2862px的宽度。如果有人有更好的想法，那么我非常愿意尝试......此时的任何事情。

Answer 1

我们无法单独通过配置选项找到这种方法，因此我们最终听取了应用程序自己的resize事件并更新了面板大小。在App配置中我们有这个，它可以解决问题：

listeners: {
    resize: function( app, width, height, oldWidth, oldHeight, eOpts ) {
        if (app.TabPanel) {
            app.TabPanel.setWidth(window.innerWidth);
            app.TabPanel.setHeight(window.innerHeight);
        }
    }
}

如果有人有一个更好的解决方案，只使用配置选项，而框架会调整大小，我仍然希望看到它，因为即使它有效，上面的内容也是一个丑陋的黑客。