Sencha 基础Demo测试,三种showView的方法

Ext.define("build.controller.MainController",{
extend:"Ext.app.Controller",
config:{
refs:{
mainDataview:"main dataview",
createAdd:"createAdd"
},
control:{
"mainDataview":{
itemtap:function(data,index,item,record,event){
//测试三种展示View的方法................
console.log(record)
switch (record.data.id){
case "1":
console.log(1111)
/*第一种方式*/
var c1=Ext.create("build.view.CreateAdd");
Ext.Viewport.add(c1);
Ext.Viewport.setActiveItem(c1);
break;
case "2":
console.log(2222)
/*第二种方式,这种方式和case3这种show的方式其实是一样de,但是这个先将对象拿出,是为了方便给这个对象设置属性,比如说*/
var c2=this.getCreateAdd();
if(c2==null){
c2=Ext.create("build.view.CreateAdd")
}
Ext.Viewport.animateActiveItem(c2,{type:"slide",direction:'left'})
　　　　　　　　　　　　　　　　//c2.setXXXXX()
break;
case "3":
console.log(3333)
/*第三种方式*/
Ext.Viewport.animateActiveItem("createAdd",{type:"slide",direction:'right'})
break;
}
Ext.getCmp("detailView").setTitle(record.data.name)
}
}
}
}
})