Extjs 视频教程 - zziy

---恢复内容开始---

网易云课堂《尚学堂_Ext视频教程》

 1 <html>
 2     <head>
 3         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 4         <title>用户登录</title>
 5             <link rel="stylesheet" type="text/css" href="../ext-3.4.0/resources/css/ext-all.css" />
 6             <script type="text/javascript" src="../ext-3.4.0/adapter/ext/ext-base.js"></script>
 7             <script type="text/javascript" src="../ext-3.4.0/ext-all.js"></script>
 8             <script type="text/javascript" src="test.js"></script>
 9             
10     </head>
11     <body>
12 <!--         <div id=login>
13     </div> -->
14     </body>
15 </html>

test.js

弹出窗口并回调

Ext.onReady(function(){
    Ext.Msg.alert('提示', '确认', function() {
        console.info(this);
        alert('回调');},this);

})

提示框

Ext.onReady(function(){    
    Ext.Msg.confirm('提示','确认删除吗'),function(op) {
        
        if(op == 'yes') {
            alert("确认");
        } else {
            alert('取消');
        }
    };
})

输入框

Ext.onReady(function(){    
    Ext.Msg.prompt('标题', '姓名：',function(op, val){}, this, true, '默认值');
    
})

进度条

Ext.onReady(function(){    
    Ext.Msg.wait('提示信息','标题',{
    interval: 400,   //循环定时的间隔
    duration: 2000,  //总时长
    increment: 5,   //执行次数
    text: '更新中',
    scope: this,
    fn: function(){
    Ext.fly('status').update('Done!')
    },
    animate: true  //动画效果
    });
});

提示框

Ext.onReady(function(){    
    Ext.Msg.show({
        title:'自定义提示框！',
        msg:'内容',
        width:300,
        height:300,
        buttons:Ext.Msg.YESNOCANCEL,
        icon:Ext.Msg.ERROR  //INFO QUESTION WARNING
    });
});

javascript 基础

Ext.onReady(function(){    
    //javascript基本类型
    //Number/String/Boolean/Object/Undefined/Function
    
    //Number
    var num1 = 10;
    var num2 = 10.5;
    var num3 = .6;        //0.6
    var num4 = 070         //8进制56
    var num5 = 1/0        //正无穷
    var num6 = window.parseInt("dadad"); //字符串转换为数字，返回NaN，not a number,自己与自己不相等

    //Object
    var date = new Date();
    var arr  = new Array();
    var obj  = {name:'da', age:10};
    
    
    //Undefined声明了变量没赋值, 等同于Null(表示空对象的引用)
    //undefined === null 不等于 (===既判断值又判断类型)
    var a;
    
    
    //Function
    function fun() {
        console.info('fun');
    }
    alert(typeof fun);   //typeof 判断数据类型
    
    var fun1 = function(){};
    
    
    //顶级作用域
    var fun2 = new Function('x','y','return x+y;');
        alert(fun2(12,13));
    
    
        //每一个函数内部都有一个arguments对象
       function test(x,y) {
           //1：接收函数的实际参数 
           alert(arguments.length);//len=3
           alert(arguments[2]);    //val=3
           
       };
       test(1,2,3);

     function test1(n) {
       //2:通常用于递归操作
          if (n <= 1) {
              return 1;
          } else {
              return n*test1(n-1);
          }
           
     };
     alert(test1(5));        

     //arguments.callee 表示引用当前函数本身
});

//this 总是指向调用者
var x = 5;
function test() {
    alert(this.x);
};
test.x = 10;
window.test();  //window调用this,window下没有x, 返回undefined

//call apply 主要作用是绑定作用域 ,绑定一个函数到指定作用域
var color = 'red';
var obj = {color:'yellow'};

function showColor(x,y) {
    alert(x+y);
    alert(this.color);
};

//window.showColor();

showColor.call(window,10,2);
showColor.call(obj,10,2);


//apply传递的是数组，javascript 函数执行完后回收变量
showColor.apply(obj,[11,2]);

(function() {
    alert('222');
}) ();


//闭包：执行环境。作用域链，js垃圾回收,可以存储变量，保护变量
//函数碰到函数直接返回，没有return，返回undefined
function test() {
    return function() {
        alert('闭包');
    };
};
//alert(test());
var f = test();
f();

function test1() {
    var temp = 10;
    return function() {
        alert(temp);
    };
};
test1() ();

posted on 2015-12-07 18:17 zziy 阅读(705) 评论(0) 收藏举报

刷新页面返回顶部