Extjs 视频教程
---恢复内容开始---
网易云课堂 《尚学堂_Ext视频教程》
login.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<link rel="stylesheet" type="text/css" href="../ext-3.4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext-3.4.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-3.4.0/ext-all.js"></script>
<script type="text/javascript" src="test.js"></script> </head>
<body>
<!-- <div id=login>
</div> -->
</body>
</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() ();
Extjs 视频教程的更多相关文章
- 网络资源(4) - extJS视频
2014_08_24 http://v.youku.com/v_show/id_XMjk2ODc0MjA4.html?f=7183617 extJS视频教程04——ExtJS框架入门
- Extjs视频
Extjs视频http://www.youku.com/playlist_show/id_19343298.html ExtJs视频教程(关东升) 智捷关东升老师ExtJs视频教程AJAX框架-Ext ...
- java架构师视频教程 内含activemq+jvm+netty+dubbo
目录: 架构师视频教程包含activemq jvm netty dubbo 0分布式项目实战所有视频(分布式项目视频)互联网架构师第二期-视频部分互联网架构师第二期-资料部分1.Netty快速入门教程 ...
- Extjs各版本的下载链接,包含ext3.4源码示例
最近在维护一个老平台,用的是ext3.4,老东西在网上找示例发现既然还有人收钱,谷歌了一下总算找到了一位免费的发布的,感谢 yipanbo 分享 Extjs的版本繁多,本文收集了Extjs各个版本的下 ...
- 大量Javascript/JQuery学习教程电子书合集
[推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人 不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pd ...
- [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人
不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...
- 【推荐分享】大量JavaScript/jQuery电子书籍教程pdf合集下载
不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...
- web前端技术合集
视频课程包含: 微服务精品课程包含:Ajax和Jquery基础入门视频.ajax教程.css视频教程.JQuery视频教程.MUI快速混合APP开发-视频.vuejs教程.极客学院HTML5全套教程. ...
- jQuery EasyUI视频教程合集
下载地址:http://www.fu83.cn/thread-269-1-1.html 教程内容: 尚学堂科技_jqueryeasyui视频教程_白贺翔 李炎恢jQuery EasyUI视频教程全集 ...
随机推荐
- Shell概述
一,Shell原理
- [C程序设计语言]第五部分
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- javascript权威指南笔记--javascript语言核心(三)
1.var用来声明一个或多个变量.全局变量是全局对象的属性,它无法通过delete删除. 如果var语句中的变量没有指定初始化表达式,那么这个变量的初始值为undefined. 变量声明语句会被提前到 ...
- 你是码农还是Geek?
现在深深的体会到,不仅仅人与人的差别是巨大的,程序员与程序员之间的差别同样很明显的. 普通的程序员仅仅是完成自己的任务,完成任务后不思进取,不再修改自己的代码,不再去想有没有更好的实现方式,其实重构自 ...
- HDU 1754
成段更新 easy #include <stdio.h> #include <string.h> #include <math.h> #include <io ...
- Class.asSubclass浅谈
这是java.lang.Class中的一个方法,作用是将调用这个方法的class对象转换成由clazz参数所表示的class对象的某个子类.举例来说, 上面的代码将strList.getClass() ...
- CSS规范之BFC & IFC
元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为"盒子").但是不同的元素显示的方式会有所不同,例如<div>和<span& ...
- JavaSE复习_1 Java的基本格式和运算符
△.代表在当前目录.classpath能在任何路径下访问类文件. △单行注释可以嵌套,多行注释不能嵌套 △java中的标识符只能有数字,字母,$和_,其他的符号都是错误的,不合法的.其中数字不能是开头 ...
- 【转载】高性能IO设计 & Java NIO & 同步/异步 阻塞/非阻塞 Reactor/Proactor
开始准备看Java NIO的,这篇文章:http://xly1981.iteye.com/blog/1735862 里面提到了这篇文章 http://xmuzyq.iteye.com/blog/783 ...
- Object Pascal 控制语句
控制语句 1.常量声明语句常量在声明时就被赋予了一个值,在程序执行过程中是不可改变的. 格式 const 常量名 :数据类型 = 值 下面的例子声明了3 个常量: const Pi = 3.14159 ...