怎么给 Ext.Panel 设置自动的滚动条? autoScroll:设为true则内容溢出的时候产生滚动条,默认为false 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 是的,可是我里面的内容都满了,下面的看不到了,滚动条也没起作用,就像autoScroll=false的效果一样,只显示剪切区 不对啊!我的可以出来的啊<script language="javascript">Ext.onReady(function(){ var p = new Ext.Panel({ id:"myPanel", title:"Panel实例", frame:true, collapsible:true, renderTo:"content", autoScroll:true, titleCollapse:true, width:400, height:200, html:"<p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p>" });});</script><div id="content"></div> 那也不对啊,我使用ViewPort做的:Ext.onReady( function() { var viewport = new Ext.Viewport( { layout :'border', items : [ new Ext.BoxComponent( { region :'north', el :'title', height :80 }),{ region :'center', contentEl :'content' }] });//var surveyinfo = new Ext.Panel( { el :'surveyinfo', autoScroll: true, titleCollapse: true, //collapsed: true, collapsible: true, autoWidth: true, autoHeight: true, title: '地勘信息', bodyStyle: 'padding:25px 25px 0', autoScroll: true, autoHeight: true, items:[{ xtype: 'fieldset', title: '基本信息', collapsible: true, autoHeight: true, defaults: { width: 210 }, defaultType: 'textfield', items: [{ fieldLabel: '基站编号', name: 'index', allowBlank: false }], buttons: [{ text: '新增' }, { text: '清除' }] }); surveyinfo.render();)在页面中:<body> <form id="form1" runat="server"> <div id='title'> </div> <div id='content'> <div id='grid'></div> <div id='surveyinfo' > </div> </div> </form> <div id='add-win' class='x-hidden'> </div></body> 那么是不是超出这个Viewport就该自动出现滚动条呢? 您的Panel外面是不是还有其他容器?如果有,将它设置为autoScroll:true,看看. 看来我的回答迟了些,但还是回了,方便以后遇到同样问题的人在gridpanel里面加入下面代码:view: new Ext.ux.grid.BufferView({ rowHeight: 25, scrollDelay: true }) 3楼,除了加div外还有没有其它方式,因为子panel比较多,没法用div这种方式做。 首先要设置一下高度(注意这个高度不能太大 我的设置为455) 然后在autoScroll: true,希望能够帮助你 如何利用JQuery 根据链接显示相应的文本 请教,跪求一段JS投票代码 ext框架中checkbox不能选中 关闭变量?????? 如何过滤字符串中的特定字符 如何使按方向上、下键来代替Tab、shift+Tab键? 框架顶页中的菜单项被底页覆盖通过什么方法可以显示出来? 这个效果怎么做,有张图片,我在上面点机一下,它就长宽缩小50% 高分请教,客户端排序问题(100分) JQuery Mobile中的弹窗问题 extjs Form 非ajax提交 怎么用正则表达式获取<BODY></BODY>之间的内容
我的可以出来的啊
<script language="javascript">
Ext.onReady(function(){
var p = new Ext.Panel({
id:"myPanel",
title:"Panel实例",
frame:true,
collapsible:true,
renderTo:"content",
autoScroll:true,
titleCollapse:true,
width:400,
height:200,
html:"<p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p><p>我是内容,我包含的html可以被执行!</p>"
});
});
</script>
<div id="content"></div>
var viewport = new Ext.Viewport( {
layout :'border',
items : [ new Ext.BoxComponent( {
region :'north',
el :'title',
height :80
}),{
region :'center',
contentEl :'content'
}]
});//
var surveyinfo = new Ext.Panel( {
el :'surveyinfo',
autoScroll: true,
titleCollapse: true,
//collapsed: true,
collapsible: true,
autoWidth: true,
autoHeight: true,
title: '地勘信息',
bodyStyle: 'padding:25px 25px 0',
autoScroll: true,
autoHeight: true,
items:[{
xtype: 'fieldset',
title: '基本信息',
collapsible: true,
autoHeight: true,
defaults: { width: 210 },
defaultType: 'textfield',
items: [{
fieldLabel: '基站编号',
name: 'index',
allowBlank: false
}], buttons: [{
text: '新增'
}, {
text: '清除'
}]
});
surveyinfo.render();)在页面中:<body>
<form id="form1" runat="server">
<div id='title'>
</div>
<div id='content'>
<div id='grid'></div> <div id='surveyinfo' > </div>
</div>
</form>
<div id='add-win' class='x-hidden'> </div>
</body>
在gridpanel里面加入下面代码:view: new Ext.ux.grid.BufferView({
rowHeight: 25,
scrollDelay: true
})