注意：是左邊mutiselectorItem 點擊時得到  當前選擇的id ，跟新右邊那個ActivePanel,

如果是單擊TabPanel變化面板 , 請在TabPanel 的Active 事件 做處理

Ext.define("Module",{
 extend:"CommonM",
 sid:0,   選擇后的id
 currentSysId:0,  //當前的id
 init:function(){
  var me=this;
  
  DirectService.getSysId(function(value,panel){            //得到當前的id  DirectService.getSysId（這個是后臺的類.方法明）

   me.sid=value;   //初始化當前的id
   me.currentSysId=value;

   var leftPanel = Ext.widget({
    xtype:"panel",    region:"west",    width:200,    border:0,
    layout:'fit',
    items:[me.createSystemList()]
   });
   var rightPanel = Ext.widget({
    xtype:"tabpanel",    region:"center",    layout:'fit',    

    border:0,
    items:[me.createSystemTab(),me.createUserTab(),me.createGroupTab()]
   });
   me.rightPanel=rightPanel;
   
   containerPanel.add([leftPanel,rightPanel]);
  });

  var containerPanel= Ext.widget({
   xtype:"panel",   width:1024,   height:650,   layout:'border'
  });
  
  return containerPanel;
 },
 createSystemTab:function(){
  var me=this;
  var systemTab=Ext.widget({
   title:"系統(tǒng)",   xtype:"panel",   itemId:'tab0',   layout:'fit',
   listeners:{
    activate:function(tab){                 //定義activate  事件
     me.systemActive(tab);
    }  }
  });
  me.systemTab=systemTab;
  return systemTab;
 },
 
 createUserTab:function(){
  var me=this;
  var userTab = Ext.widget({
   title:"用戶",   xtype:"panel",   layout:'fit',
   itemId:'tab1',
   listeners:{ 
    activate:function(tab){          //定義activate  事件
     me.panelActive(tab,'UserPane');
    }   }  });
  me.userTab=userTab;
  return userTab;
 },
 
 createGroupTab:function(){
  var me=this;
  var groupTab = Ext.widget({
   title:"用戶組",
   xtype:"panel",   itemId:'tab2',   layout:'fit',
   listeners:{
    activate:function(tab){       //定義activate  事件
     me.panelActive(tab,'GroupPane');
    }  }
  });
  me.groupTab=groupTab;
  return groupTab;
 },  
 getSystemListStore:function(){
  var me=this;
  var store2=Ext.create('Ext.data.Store',{
   autoLoad:true,
   fields:['id','name','code'],
   proxy:{
    type:'direct',
    directFn:' ',//調(diào)用后臺方法
    reader:{
     type:'json',
     root:'records'
    }
   }
  });
  store2.on('load',function(){
   me.systemFormList.getForm().findField("systemMultiSelectId").setValue(me.systemId);  
   var value=me.systemFormList.getForm().findField("systemMultiSelectId").getValue();
   me.systemListChange(null,value);
  });    
  me.store2=store2;
  return store2;
 },
 
 createSystemList:function(){
  var me=this;
  var systemFormList=Ext.widget({
   xtype:"form",   layout:'fit',   border:false,
   items:[{
    xtype:'multiselect',    border:false,
    name:'systemMultiSelectId',    itemId:'systemMultiSelectId',
    anchor:'100%',
    store:me.getSystemListStore(),
    valueField:'id',    displayField:'name',

    ddReorder:true,
    value:[me.systemId],  //初始化選擇默認值（默認是登陸的本系統(tǒng)id）
    listeners:{
     change:function(obj,event){  //mulselect 的change 事件
      me.systemListChange(obj,event);
     }    }   }]
  });

  return systemFormWindow;
 }, 

 systemListChange:function(obj,event){
  var me=this;
  var panes={
    tab1:'setting.pum.UserPane',
    tab2:'setting.pum.GroupPane'  };

 

  var tabItem=new Ext.util.MixedCollection();      //存放 key , value (value 是對象)
  tabItem.add('tab1',me.userTab);
  tabItem.add('tab2',me.groupTab);

  if(event[0]==null||event[0]=="")
  {    return;  }
  me.sId=event[0];        //注意這個是存放當前選擇的id，是為了顯示view界面使用的
  if(me.rightPanel.getActiveTab().itemId=="tab0")//是特殊的，傳參不一樣（他是一個view界面，其他都是grid頁面）
  {
   me.systemActive(me.systemTab);
  }
  else{
   var tab=tabItem.get(me.rightPanel.getActiveTab().itemId);
   me.panelActive(tab,panes[me.rightPanel.getActiveTab().itemId]);
  }  
 },