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视频教程全集 ...
随机推荐
- Codeforces Round #249 (Div. 2) C题,模拟画图 ----未解决!
http://codeforces.com/contest/435/problem/C
- SQL——连接查询
以mysql为例: 新建两张表table1和table2 CREATE TABLE `table1` ( `id` ) NOT NULL auto_increment, `name` ) defaul ...
- HNOI2006-鬼谷子的钱袋
鬼谷子的钱袋 鬼谷子非常聪明,正因为这样,他非常繁忙,经常有各诸侯车的特派员前来向他咨询时政.有一天,他在咸阳游历的时候,朋友告诉他在咸阳最大的拍卖行(聚宝商行)将要举行一场拍卖会,其中有一件宝物引起 ...
- Java I/O NIO学习
给出一个学习的链接讲的很全.. http://ifeve.com/java-nio-all/ 上边的是中文翻译的这里是原地址:http://tutorials.jenkov.com/java-nio/ ...
- 最牛叉的街机游戏合集 & 模拟器
亲爱的小伙伴们,是否还记得那年我们玩的疯狂的街机游戏吗,街机中心提供400多个街机游戏,让你爽到底. 例如:拳皇96,拳皇97,恐龙新世纪.名将.快打旋风.惩罚者.魂斗罗.超级玛丽.雪山兄弟.忍者神龟 ...
- Scrum Meeting---Two(2015-10-26)
这次会议主要有两个方面 一.讨论项目 经过我们团队的激烈讨论,我们团队决定专注于做二手交易这一块.即将之前决定要做的学习经验交流以及校园交由这两块删除. 二.后两天的任务规划 以下便是我们的任务规划: ...
- [转载] nosql 数据库的分布式算法
原文: http://juliashine.com/distributed-algorithms-in-nosql-databases/ NoSQL数据库的分布式算法 On 2012年11月9日 in ...
- bootstrap学习笔记<八>(bootstrap核心布局风格——栅格系统)
栅格系统(bootstrap的核心之一,也是bootstrap的主要布局风格) 栅格系统是对原有div布局的升级版.打破了传统div模式只能纵向垂直排列的弊端,大大提高了页面布局的速度和效果,也很好的 ...
- Class create, device create, device create file (转)
来自:http://www.hovercool.com/en/Class_create,_device_create,_device_create_file 开始写Linux设备驱动程序的时候,很多时 ...
- Longest Common Prefix
Description: Write a function to find the longest common prefix string amongst an array of strings.( ...