zoukankan      html  css  js  c++  java
  • 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) } } } } })
  • 相关阅读:
    Linux cooked-mode capture 格式转换
    lo口环路问题分析
    感知器与多层感知机
    梯度下降
    Unity UGUI Canvas 使用Slider制作角色血条
    NGUI 通过按压Button控制角色持续行走
    python基础--函数(二)
    python基础--函数(一)
    python基础--推导式
    python基础--公共操作
  • 原文地址:https://www.cnblogs.com/Brose/p/sencha_view.html
Copyright © 2011-2022 走看看