关于Extjs的panel（画布）的居中问…

最近在学extjs，遇到了想把new出来的panel渲染后，想让其居中的问题。

看了一下网上的解法，自己也测试了一下，解决如下：

 

new 一个 panel：举例form：

 

var panel = new Ext.form.FormPanel(
       {
        applyTo:Ext.get("div1"),//渲染到哪个对象上，这里是id为"div1"的对象上        

        frame:true,//表单域的背景是否为蓝色
        title: 'Test Form Fields',//在表单域的顶部标题
           height:490,
           width: 580,
        name:'frm',//表单的name
        url:'',//相当于action
         
        defaultType: 'textfield',//容器或组件的默认类型
        //组件数组（即input框）
        items:[
         {
          xtype:'textfield',

          name:'userName',
          fieldLabel:'用户名',//左边label内容
          allowBlank:false,//是否允许为空
          value:'默认值',//改组件的默认值
          blankText:'不能为空',//当为空时，提示的内容
          msgTarget:'side'

          }]

     });

 

 

在body内将一个载体div：

<center>
   <div id="div1" align="center"></div>
</center>

 

这就ok了！要注意的是渲染的那行代码：applyTo:Ext.get("div1")。