[01]EXTJS4.0的概述和HELLOWORD程序
1.HELLO WORD
模拟JS的alert
2.学习extjs4.0的准备工作和学习方法
HTML——>熟悉
CSS——>熟悉
javascript——>熟练
JS的OO，也就是javascript的面向对象编程——>熟练
Ajax——>熟练
书籍推荐：JavaScript的设计模式、征服Ajax Web 2.0技术开发详解
百度，谷歌，开源的论坛
官方的demo和API文档
extjs4.0对原生的JS的扩展
Array every();
lesson01.html
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>HELLO WORD</title>
- <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/>
- <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script>
- <script type="text/javascript" src="helloWord3.js"></script>
- </head>
- <body>
- </body>
- </html>
helloWord.js
- (function(){
- Ext.onReady(function(){
- alert("hello word");
- Ext.MessageBox.alert("hello","hello world!");//不是窗体，如果是窗体的话，会阻止后面js的执行
- alert("hello word2");
- });
- })();
--------------------------------------------------------------------------------------
下面这个例子主要将Ext.Array.every的用法，只要一返回false，函数停止执行，所以结果是弹出-3
helloWord2.js
- (function(){
- Ext.onReady(function(){
- var myArray = [1,2,3,4,-3,-4];
- Ext.Array.every(myArray,function(item){
- if(item > 0){
- return true;
- }else{
- //<=0
- alert(item);
- return false;
- }
- },this);
- });
- })();
-------------------------------------------------------------------------------------
这个例子主要讲如何如何使用Ext.Array.filter，返回true的值都会作为newMyArray数组的一个元素：
helloWord3.js
- (function(){
- Ext.onReady(function(){
- var myArray = [1,2,3,4,-3,-4];
- var newMyArray = Ext.Array.filter(myArray,function(item){
- if(item > 0){
- return true;
- }else{
- return false;
- }
- },this);
- alert(newMyArray.join("\n"));
- });
- })();
------------------------------------------------------------------------------------
这个例子主要讲如何扩展Object，给它添加get方法：
helloWord4.js
- (function(){
- Object.prototype.get = function(key,defV){
- if(this[key]){
- return this[key];
- }else{
- if(defV){
- return defV;
- }
- }
- }
- Ext.onReady(function(){
- var person = {
- name:'upcast',
- age:26
- }
- alert(person['name']);
- alert(person.get("name"));
- });
- })();
111