zoukankan      html  css  js  c++  java
  • extjs [1]

    1.JS 类的声明,和对象的创建
    2.原始方法用EXTJS创建一个window
    3.利用一个按钮触发window窗体,了解一下EXTJS的事件机制
    4.用EXTJS4.0的create来创建window
    5.利用define自定义类并且集成(extend)window
        //初始化的方法
        initComponent: function() {
            this.callParent(arguments);
        }
    6.requires  JS的异步加载
    7.config 自动的get和set
    8.mixins 类的混合
    ////类的声明其实就是一个function
    //function user(){
    //    //java 语言的public
    //    this.Name = 'uspcat';
    //    this.age = 26;
    //    //var 就相对于高级语言当中的private
    //    var email = "yfc@126.com"
    //    this.getEmail = function(){
    //        return email;
    //    }
    //}
    //var u = new user();
    ////alert(u.getEmail())
    //
    //var person = {
    //    name:'yfc'
    //    ,age:26
    //};
    //alert(person.name+"  "+person['age'])
    (function(){
        Ext.Loader.setConfig({
            enabled:true,
            paths:{
                myApp:'code/ux'
            }
        });
        Ext.onReady(function(){
            /**
            var win = new Ext.window.Window({
                    400,
                    height:300,
                    title:'uspcat'
                });
    //        win.show();
            //1.得到那个按钮的dom对象
            //2.为按钮对象添加单击的事件
            //3.单击的时候调用对象win的show方法
            Ext.get("myb").on("click",function(){
                win.show();
            });
            */
    //        var o = {
    //            say : function(){
    //                alert(11111);
    //            }
    //        }
    //        var fn = Ext.Function.alias(o,'say');
    //        fn();
    //        var win = Ext.create('Ext.window.Window',{
    //            400,
    //            height:300,
    //            title:'uspcat'
    //        });
    //        win.show();
    
            Ext.get("myb").on("click",function(){
                var win = Ext.create("ux.myWin",{
                    title:'my win',
                    price:600,
                    requires:['ux.myWin']
                });
                //alert(win.getPrice())
            });
            Ext.define("say",{
                cansay:function(){
                    alert("hello");
                }
            })
            Ext.define("sing",{
                sing:function(){
                    alert("sing hello 123");
                }
            })
            Ext.define('user',{
                mixins :{
                    say : 'say',
                    sing: 'sing'
                }
            });
            var u = Ext.create("user",{});
            u.cansay();
            u.sing();
            
        });
    })();
  • 相关阅读:
    linux下文本处理
    JSON对象的序列化和反序列化
    大整数相加的js实现
    前端日志格式化
    对象deepcopy
    基于vue实现的小程序管理后台图文编辑器
    原型和原型链
    函数声明、函数表达式及函数立即执行
    网址
    判断日期是否相等
  • 原文地址:https://www.cnblogs.com/morgana/p/9000540.html
Copyright © 2011-2022 走看看