Ext中设置grid宽/高失效


Ext.define("DBO.view.role.Manage" , {
extend:"Ext.panel.Panel",
alias:"widget.rolesManage",
    layout:'fit',
closable:true,
    autoScroll:true,
store:"Roles",
//title:"角色管理",
    initComponent: function(){
     this.items = [
     Ext.widget("gridpanel" ,  {
     title:'Sliding Pager',
     store:this.store,
     layout:"column",
     width:500,
     height:300,
         defaults:{
         align:"center"
         },
         columns:[
{
     header:"ID",
     dataIndex:"id",
     width:80
     },
     {
     header:"角色名称",
     dataIndex:"roleName",
     width:150
     },
     {
     header:"角色描述",
     dataIndex:"roleDesc",
     width:200
     },
     {
     header:"操作",
     html:"<a href='#'>修改</a><a href='#'>删除</a>",
     width:150
     }    
]
     })
     ];
        this.callParent(arguments);
    }
})
我想控制grid的宽/高，但是这样写不可以，align设置也不起作用，才学着用EXT求教。