pinbo123
2009-08-19 09:55
浏览 245

TabPanel中添加GridPanel遇到的一点问题

今天在一个TabPanel中添加一个GridPanel,打算用fit的填充方式,使GridPanel填充满整个TabPanel的空间,然而运行后发现GridPanel的底部工具栏bbar并没有显示出来,在TabPanel中使用autoScroll:true后可以看到bbar了,但是却多了一个滚动条,其实此滚动条也只是小范围滚动,而且出现后也使得页面很不美观了。
 请问大家的是如何不用autoScroll:true而使整个GridPanel显示出来呢?

[b]问题补充:[/b]
就是在TabPanel中的一个item里添加GridPanel,此item在初始时被激活的。GridPanel没有设置高度与宽度,TabPanel设置了高度,没有设置宽度。运行后发现GridPanel的宽度比TabPanel的宽度要宽一点。
[b]问题补充:[/b]
设置autoScroll:true后,右边和下边都出现滚动条,而且都是小范围滚动
[b]问题补充:[/b]
var tabp = new Ext.TabPanel({
id:'tabp',
height:592,
autoHeight:true,
deferredRender:false,
activeTab:0,
layoutOnTabChange:true,
scripts: true,
items:[
{

title: '所有录像',
id:'cinfo',
layout:'fit',
closable:false,
// autoScroll:true,
//html:"

aaa
"
items:[grid]
},{

title: '普通录像',
id:'info',
closable:false
},{

title: '报警录像',
id:'ainfo',
closable:false
}]
});

var grid=new Ext.grid.GridPanel({
id :"playBackVideoGrid",
border : false,
store:store,
//autoHeight:true,
stripeRows : true, // 交替行效果
viewConfig : {
autoFill : true,
forceFit : true
},
// 列模板
colModel : cm,
// 填充加载时间
loadMask : {
msg : "正在加载数据,请稍候......"
},
// 行选择模式
selModel : new Ext.grid.RowSelectionModel({
singleSelect : true
// 单行选择模式
}),

        bbar : new Ext.PagingToolbar({
            store : store, // 数据存储器
            id:"playBackGridPaging",
            pageSize : 10, // 页大小
            displayMsg : "共<font color=\"green\"> {2} </font>条记录,当前页记录索引<font color=\"green\"> {0} - {1}</font>&nbsp;&nbsp;&nbsp;",
            displayInfo : true
        }),
        listeners:{
         "rowdblclick":rowDoubleClick
        }
    });

[b]问题补充:[/b]
图片如下,上面代码中TabPanel的autoHeight是测试时加上的,原来代码里并没写
[b]问题补充:[/b]
“把toolbar加到grid的父容器panel中去”,这是一种方法,但是操作GridPanel中的数据就不是很直接了,为什么GridPanel中的ToolBar不能直接显示呢?

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • iteye_10013 2009-08-19 11:18
    已采纳

    布局的问题,估计是bug.
    其实只是放置位置的问题而已,算不上什么直接不直接.

    打赏 评论
  • iteye_10013 2009-08-19 10:04

    tabpanel有自己的布局的,你说的是修改了其中一个item panel的布局吧?

    tabpanel
    |--panel(fit)
    |----grid

    另外,这个panel是不是初始的时候active的tab

    打赏 评论
  • iteye_3681 2009-08-19 10:06

    你的tabpanel是不是设置的width/height有问题的?或者就是你tabpanel跟GridPanel比较有width./height上的问题.看看是下出现滚动条还是右边,就可以确定是width的问题还是height的问题.

    打赏 评论
  • iteye_10013 2009-08-19 10:18

    上图,上关键代码

    打赏 评论
  • iteye_10013 2009-08-19 10:47

    把toolbar加到grid的父容器panel中去

    打赏 评论

相关推荐 更多相似问题