当前位置：文江博客话题详情

Extjs TabPanel 自动高度在 IE 中不起作用

发布于 2024-10-09 02:13:32 字数 82 浏览 5 评论 0原文

Extjs TabPanel 可在 FireFox、Chrome 和 Chrome 上运行Safari 具有 autoHeight 但不在 IE 中。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

挽清梦 2024-10-16 02:13:32

好吧，让我解释一下......

var SessionTab = new Ext.TabPanel({
    id: 'tabpanel-session',
    activeTab: 0,
    renderTo: Ext.getBody(),
    forceLayout: true,
    resizeTabs: true,
    // applied on it's Child Components.....
    defaults: {
        style: 'font-family: Verdana, Arial, Helvetica, sans-serif;'
    },
    // turn on tab resizing
    minTabWidth: 115,
    tabWidth: 190,
    enableTabScroll: true,
    width: '100%',
    autoHeight: true,
    deferredRender: false,
    layoutOnTabChange: true
});

我在这里为 (SessionTab) 选项卡面板设置了 autoHeight==true，它在除 IE 之外的其他浏览器中显示选项卡面板项目。

在这里，我尝试填充 Ajax 调用中的选项卡项目......

for (i = 0; i < 2; i++) {
    /* Add Session Tab */
    SessionTab.add({
        id: 'session-tab-panel' + i,
        title: SessionYear+i,
        items: [{
            xtype: 'searchPanel' // Search Panel
        },
        {
            xtype: 'detail' // Detail Panel
        }]
    });
}

SessionTab.setActiveTab(0);
SessionTab.show();

Ok Let me explain it.....

var SessionTab = new Ext.TabPanel({
    id: 'tabpanel-session',
    activeTab: 0,
    renderTo: Ext.getBody(),
    forceLayout: true,
    resizeTabs: true,
    // applied on it's Child Components.....
    defaults: {
        style: 'font-family: Verdana, Arial, Helvetica, sans-serif;'
    },
    // turn on tab resizing
    minTabWidth: 115,
    tabWidth: 190,
    enableTabScroll: true,
    width: '100%',
    autoHeight: true,
    deferredRender: false,
    layoutOnTabChange: true
});

I set autoHeight==true for (SessionTab) Tab Panel here it's showing Tab Panel items at other browsers fine except IE.

Here I am trying to Fill the Tab items in a Ajax Call.....

for (i = 0; i < 2; i++) {
    /* Add Session Tab */
    SessionTab.add({
        id: 'session-tab-panel' + i,
        title: SessionYear+i,
        items: [{
            xtype: 'searchPanel' // Search Panel
        },
        {
            xtype: 'detail' // Detail Panel
        }]
    });
}

SessionTab.setActiveTab(0);
SessionTab.show();

回复收藏 0 原文

~没有更多了~