用ExtBorderlyout取消报表浏览的滚动条

在页面里面用嵌入方式调用报表的时候，不知道怎么回事页面里面总是有滚动条，试了很多种方法都不行。后来FineReport的工程师给了个解决方案，可以用Ext.BorderLayout布局,我试了试，问题解决了。把代码贴出来跟大家共享一下：
<html>
<head>
<script language="javascript" src="http://localhost:8080//WebReport/ReportServer?op=resource&resource=/com/finereport/web/load.js"></script>
<script>
var initComponents = function(contentPane) {
    var toolbarPane = new Ext.Panel({
            region: 'north',
            height: 40,
            renderTo: 'toolbarDIV',
            html: '<input id=pgsetup type=button name=pagesetup value=pagesetup disabled onclick="javascript:pageSetup(
)">'
    });    new Ext.Viewport({
        layout: 'border',
        items: [toolbarPane, contentPane]
    });    contentPane.syncSize(); 
}var checkButtonEnabled = function() {
    document.getElementById('pgsetup').disabled=false;
}Ext.onReady(function() {
    loadReport('reportD', 'http://localhost:8080/WebReport/ReportServer?reportlet=/com/finereport/ts.cpt');
});
</script>
</head>
<body>
<div id="toolbarDIV"></div>
<div id="reportD"></div>
</body>
</html>