Javascript 如何在ExtJS4.1中创建可滚动的tabpanel?
我在窗口内创建了一个选项卡面板。我可以对窗口使用Javascript 如何在ExtJS4.1中创建可滚动的tabpanel?,javascript,extjs,extjs4,Javascript,Extjs,Extjs4,我在窗口内创建了一个选项卡面板。我可以对窗口使用autoScroll:true,但不能对选项卡面板使用。我需要它与tabpanel一起工作,这样当我向下滚动时,选项卡列表不会上升或消失 选项卡面板: var sections = Ext.createWidget('tabpanel', { id: 'mytabpanel', title: 'UM', activeTab: 3, closable: true, autoScroll: true, //
autoScroll:true
,但不能对选项卡面板使用。我需要它与tabpanel一起工作,这样当我向下滚动时,选项卡列表不会上升或消失
选项卡面板:
var sections = Ext.createWidget('tabpanel', {
id: 'mytabpanel',
title: 'UM',
activeTab: 3,
closable: true,
autoScroll: true, // not working
//defaults:{ autoScroll:true }, //not working
items: [
{
窗口(选项卡面板容器):
应始终指定父容器的布局。在这种情况下,窗口组件应该具有
layout:'fit'
config
通过示例了解如何在ExtJS中完成工作。对于刚刚起步的人来说,这些指南是必读的
编辑:
有关内部滚动问题的相关问题:看一看这把小提琴,它是从你原来的帖子改过来的-它在窗口中显示了嵌套的选项卡面板。在实际使用组件之前,请看一下
Ext.define
方法的使用。这允许您清除代码分离,并且不会强制您使用全局变量。请注意,所有内容都是自动按名称间隔排列的。好吧,如果发生了什么情况,我可以使用鼠标滚动器在选项卡面板内滚动。但是在笔记本电脑上我不知道如何滚动。。窗口是固定的,滚动条是无用的。。您有此问题吗?没有,您必须有其他需要正确配置的设置或容器。如果不显示代码,我就无法判断还发生了什么。为什么要删除已接受的标记?谢谢,也请查看编辑。在你删除它之前,我正在回答你的另一个问题。非常感谢!你救了我一天!
var window = new Ext.Window({
id: 'item1',
closable: true,
floating: true,
collapsible: true,
width: 900,
height: 600,
autoScroll: true, //working
items : mytabpanel
}).show();