`

ExtJs3.2学习笔记20120919

阅读更多

1.学习EXTJs 必须一如既往的坚持编程的 严谨仔细,缺一个符号也会造成脚本功能不能实现,比如:

Ext.onReady(function(){

            Ext.extend(Person,Ext.util.Observable,{

                info:function(event){

                    return this.name+'is'+event+'ing.';

                }

            });        

            var person = new Person('yonysun');

            person.on('walk',function(){

                Ext.Msg.alert('event',person.name+'走啊走啊走啊...');

            });

            person.on('eat',function(breakfast,lunch,supper){

                Ext.Msg.alert('event',person.name+'需要吃'+breakfast+lunch+supper+'...');

            });

            person.on('sleep',function(time){

                Ext.Msg.alert('event',person.name+''+time.format('H')+'点开始睡觉...');

            });                

});

 Ext.onReady(function(){ -----------------function后面必须跟()!

每一个小括号后面都要有" ; " 否则 报错!

   

问题    Person = function(name){

           this.name=name;

           this.addEvents('walk','eat','sleep');

        };>>>>此处的大括号后面不加标点或加","";"都好用why<<<<

        Ext.extend(Person,Ext.util.Observable,{

           info:function(event){

              return this.name+'is'+event+'ing.';

           }

        });

 

2.Ext.get('id')取得Html元素后,怎样控制其CSS元素及动作?
  如下代码所示 主要用DOM控制:

 

divd.on('mouseover',function(){
  //divd.dom.style.display='none';
  divd.dom.style.backgroundColor='E88E88';
 });

 divd.on('mouseout',function(){
  //divd.dom.style.display='block';
  divd.dom.style.backgroundColor='DBDBDB';
 });

 

3.on('xxx',function(){});    已验证有click/mouseover/mouseout   keypress mousedown 不确定

分享到:
评论

相关推荐

    老师整理的extjs学习笔记

    ### ExtJS 学习笔记概览 #### 一、ExtJS 入门 **1.1 ExtJS 构成及如何引用** ExtJS 是一款基于 JavaScript 的开源框架,专为 Web 应用程序的前端界面设计。其核心优势在于提供了一套丰富的 UI 组件和强大的数据...

    Extjs学习笔记

    ExtJS 学习笔记 ExtJS 是一个功能强大且流行的 JavaScript 库,用于构建富互联网应用程序(RIA)。本文将通过一个简单的示例,介绍如何使用 ExtJS 构建一个 Hello World 网页,并且详细讲解 Ext.MessageBox 的使用...

    ExtJs + api + 笔记 + 完整包

    首先,API文档是ExtJs开发的基础,其中包括ExtJs3.2和3.1-3.3的中文版本。这些CHM文件提供了详细的类、方法和事件的参考,有助于开发者快速查找和理解API的功能。例如,你可以从中学习到如何创建和配置组件,如何...

    ext JS 源码和学习资料

    2. EXT_JS实用开发指南_个人整理笔记.docx:这是一份个人整理的学习笔记,可能包含了一些实战经验,对于学习EXT JS的实际应用和解决常见问题很有帮助。 3. ExtJS实用开发指南.pdf:同名但格式不同的文档,可能提供了...

    Ext相关随笔

    #### 3.2 文件区别 - **ext-all.js**: 已经混淆的完整功能文件。 - **ext-all-debug.js**: 未混淆的完整功能文件,适合调试。 - **ext-all-dev.js**: 未混淆且包含调试信息的完整功能文件。 - **ext.js**: 最小化的...

    项目总结+项目心得体会

    "Extjs总结.doc"可能是个人或团队在使用ExtJS进行开发后的经验总结,可能包括最佳实践、常见问题、性能优化等方面的笔记,对于后续使用ExtJS的开发者有很高的参考价值。 "标签.doc"可能涉及的是Web开发中的标签系统...

Global site tag (gtag.js) - Google Analytics