extJs 2.0学习笔记(Ext.Panel终结篇)

 怪不得我对Ext.Panel穷追猛打，前面已经写过四篇针对它的文章了。不过。Ext.Panel的问题搞得差不多了。下面我贴出研究代码，及效果图。再解释一下。这下图文结合了。以后自己忘记了，看一下就明白了。

var panel1;

function newPanel1(){
 var config1={title:'这是标题栏',
     width:300,
     height:300,
     floating:true,
     renderTo:Ext.getBody(),
     draggable:{
       insertProxy: false,
     
       onDrag : function(e){
        var pel = this.proxy.getEl();
        this.x = pel.getLeft(true);
        this.y = pel.getTop(true);
     
        var s = this.panel.getEl().shadow;
        if (s) {
         s.realign(this.x, this.y, pel.getWidth(), pel.getHeight());
        }
       },
     
       endDrag : function(e){
        this.panel.setPosition(this.x, this.y);
       }
     },
     tools:[{id:close,handler:function(event, toolEl, panel){panel.hide();}}],
     layout:'border',
     items: [{
       title: '左边栏',
       region: 'west',
       split:true,      
       height: 100,
       width:200,
       minSize: 75,
       maxSize: 250,
       margins: '5 0 5 5'
      },{
       title: '中间主体部分',
       region:'center',
       margins:'5 5 5 0',
       split:true,