extjs4.0教程一

1.学习extjs4.0的条件
    HTML-->了解
    CSS-->了解
    JS-->熟练
    JS的OOP-->熟练
    AJAX-->熟练
    JSP/PHP/ASP-->熟悉其中之一

2.extjs4.0的学习方法
    书籍: www.uspcat.com推荐的书籍
    网络: 官方网站,文档API,开源的论坛
    勤奋: 多思考,多实践,多练习,多总结
    总结: 猜一猜,查一查,试一试

3.extjs4.0下载,目录介绍,开发环境搭建,开发工具安装配置
    http://www.sencha.com/
    spket1.6.18下载和安装
4.extjs4.0需要引入的js和css文件

<link rel="stylesheet" type="text/css" href="extjs4/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs4/bootstrap.js"></script>
<script type="text/javascript" src="extjs4/locale/ext-lang-zh_CN.js"></script>

5.HELLO程序

Ext.onReady(function(){
    Ext.MessageBox.alert("hello word","hello extjs4.0");
});

5.真正学习extjs之前先看看如何开展javascript的Object对象,对extjs的理解很有帮助

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","[e-mail]"));
});