Javascript 为什么滚动条没有';不显示这个extjs代码吗?
我在测试手风琴布局时遇到了一个问题,这是代码Javascript 为什么滚动条没有';不显示这个extjs代码吗?,javascript,html,css,extjs,extjs4,Javascript,Html,Css,Extjs,Extjs4,我在测试手风琴布局时遇到了一个问题,这是代码 var myData = [ ['3m Co', 71.72, 0.02, 0.03, '9/1 12:00am'], ['Alcoa Inc', 29.01, 0.42, 1.47, '9/1 12:00am'], ['Altria Group Inc', 83.81,
var myData = [
['3m Co', 71.72, 0.02, 0.03, '9/1 12:00am'],
['Alcoa Inc', 29.01, 0.42, 1.47, '9/1 12:00am'],
['Altria Group Inc', 83.81, 0.28, 0.34, '9/1 12:00am'],
['American Express Company', 52.55, 0.01, 0.02, '9/1 12:00am'],
['American International Group, Inc.', 64.13, 0.31, 0.49, '9/1 12:00am'],
['AT&T Inc.', 31.61, -0.48, -1.54, '9/1 12:00am'],
['Boeing Co.', 75.43, 0.53, 0.71, '9/1 12:00am'],
['Caterpillar Inc.', 67.27, 0.92, 1.39, '9/1 12:00am'],
['Citigroup, Inc.', 49.37, 0.02, 0.04, '9/1 12:00am'],
['E.I. du Pont de Nemours and Company', 40.48, 0.51, 1.28, '9/1 12:00am'],
['Exxon Mobil Corp', 68.1, -0.43, -0.64, '9/1 12:00am'],
['General Electric Company', 34.14, -0.08, -0.23, '9/1 12:00am']
];
var store = Ext.create('Ext.data.ArrayStore', {
fields: [
{name: 'company'},
{name: 'price', type: 'float'},
{name: 'change', type: 'float'},
{name: 'pctChange', type: 'float'},
{name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
],
data: myData
});
Ext.create('widget.window', {
title: 'Activity',
closable: true,
closeAction: 'hide',
width: 250,
height: 300,
bodyBorder: true,
tbar: {
xtype: 'toolbar',
ui: 'plain',
items: [{
iconCls:'refresh'
},
'->',
{
xtype: 'displayfield',
name: 'act_date',
id: 'act_date',
value: '2011-08-08'
}]
},
layout:'accordion',
border: false,
items: [{
title: 'Recent activity',
items: [{
xtype: 'grid',
store: store,
hideHeaders: true,
border: 0,
autoScroll: true,
columns: [{
text : 'Company',
flex : 1,
sortable : false,
dataIndex: 'company'
},{
text : 'Price',
width : 75,
sortable : true,
renderer : 'usMoney',
dataIndex: 'price'
}]
}]
},{
title: 'Recent activity',
html: ''
},{
title: 'Recent activity',
html: ''
}]
}).show();
输出就像
滚动条不会出现在网格中。知道为什么没有吗
问候
解决方案1=Kiran的答案
solution2=您需要为尝试显示数据的网格指定高度。然后它将计算高度,溢出时将显示滚动条 检查以下链接:
您需要为试图显示数据的网格指定高度。然后网格将计算高度,溢出时将显示滚动条 检查以下链接:
问题在于,在包含网格的accordion容器中有一个额外的容器
我删除了它,您可以看到结果问题是在包含网格的accordion容器中有一个额外的容器
我删除了这个,你可以看到结果我想你必须在
Ext.create('widget.window'),{
code中的height:300
下添加overflow:auto
。这实际上是一个CSS属性,在内容更丰富的情况下为固定高度的div提供一个滚动条。尝试类似样式:{overflow:'auto'},但您是否将其应用于相关的div样式?我认为您必须在Ext.create('widget.window',{
code)中的height:300
下添加overflow:auto
。这实际上是一个CSS属性,在内容更丰富时为固定高度的div提供一个滚动条。尝试类似样式:{overflow:'auto'},但不起作用您是否将其应用于相关的div样式?谢谢。通过设置大小,在手风琴下面有另一个问题滚动条我尝试在手风琴外部创建网格并添加它,然后它工作得很好可能是extjs中的一个错误?谢谢。通过设置大小,在手风琴下面有另一个问题滚动条accordiani尝试在accordion之外创建网格并添加它,然后它工作得很好也许这是extjs中的一个bug?