wuguangbiao518
2010-07-29 16:17
采纳率: 0%
浏览 564
已采纳

ext:Window中放一个Panel, 如何让这个Panel在Window中 居中显示??

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



PanelCenter.html
Ext.onReady(function(){ Ext.MyPanel = new Ext.Panel({ title:'居中的panel', width:200, height:300 }); Ext.MyWindow = new Ext.Window({ title:'我的panel居中了,真了不起!!', layout:'column', width:500, height:500, items:Ext.MyPanel }); Ext.MyWindow.render(Ext.getBody()); Ext.MyWindow.show(); });



[color=red]我做的效果如下图,没实现居中!!

[/color]

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • cyrilluce 2010-07-29 20:38
    已采纳

    由内向外:
    panel#layout不设置(auto)
    panel#autoWidth & autoHeight 设置为true
    保留padding
    设置内部组件大小,panel会被撑开

    由外向内:
    也就是之前的方案,直接修改面板大小,内部组件也会随着调整的(fit布局)

    个人还是喜欢由外向内,Ext的Layout也大多都是这样的流程,干净利落,一次到位。

    评论
    解决 无用
    打赏 举报
  • 查看更多回答(1条)

相关推荐 更多相似问题