一起学习extjs（二）

1.学习extjs4.0的条件
HTML-->了解
CSS-->了解
JS-->熟练
JS的OOP-->熟练
AJAX-->熟练
JSP/PHP/ASP-->熟悉其中之一，本人主要是用.net
2.extjs4.0的学习方法
书籍: 深入浅出extjs4.0等
网络: 官方网站,文档API,开源的论坛
勤奋: 多思考,多实践,多练习,多总结
总结: 猜一猜,查一查,试一试
3.extjs4.0下载,目录介绍,开发环境搭建,开发工具安装配置

http://www.sencha.com/

4.HELLO WORD [演示extjs4.0中实现javaScript的alert]
JS实现弹出框
EXTJS实现弹出框

Ext.onReady(function(){
Ext.MessageBox.alert("hello word","hello extjs4.0");
});
5.简单源码分析
bootstrap.js
EXT-all-debug.js
6.extjs4.0名词术语
面板Panel
布局Layout
组建Component
渲染Render
7.extjs4.0对原生javaScript功能的增强
Array
Object

Ext.onReady(function(){
var myArray = [1,2,3,-3,-4,0,-5,9];
/**
//静态方法every()
Ext.Array.every(myArray,function(itme){
if(itme>=0){
alert(itme);
return true;
}else{
alert(itme+"false");
return false;
}
},this);
*/

/**
//filter()数组过滤
var newArray = Ext.Array.filter(myArray,function(item){
if(item>0){
return true;
}else{
return false;
}
});
alert(newArray.toSource());
*/
var Person = {name:'yfc',age:26};
//alert(Person['name']);
//extjs4.0提供getKey的函数
//alert(Ext.Object.getKey(Person,'yfc'));
Object.prototype.getValue = function(key,defValue){
if(this[key]){
return this[key];
}else{
return defValue;
}
}
alert(Person.getValue("email","pcat@126.com"));
});

 
web技术分享