EXT-JS学习系列基础篇:第三篇(转载)作者殷良胜

简介:

在开始编写每个Ext的组件用法之前,先对自己在工作中常用的一些Ext方法总结出来.只罗列一些经常用到的,偶尔也会用到的仅仅说明下.Ext框架把一些我们平时在工作经常遇到的情况封装成了方法,有兴趣的朋友读读它的源代码,会发现里面封装的语句和我们平时写的没有什么区别.提一句,它的源代码读起来真的是一种享受,虽然有很多地方我还看不懂,但,我觉得它的源代码确实是学习javascript的最好的教程.ext-all-debug.js和ext-core-debug.js这两个文件是调试文件,非常清晰,假如我有2个月的时间休假,我是愿意把时间全部花在上面的.

第一想说的方法想来想去,觉得还是再说一次Ext类的onReady()方法吧,它的作用就是指定当Ext类的全部框架全部加载完成后执行什么函数.具体执行什么函数就是它的参数.

 

第一:Ext.getCmp("对象ID") :该方法只有一个参数,就是组件的 ID

说明:在执行下面的语句后,点击确定会弹出定义的Ext按钮的一些属性值,同时将原来的值由"确定"更改为"取消"
 

<body>
    <form id="form1" runat="server">
    <div>
    <script type="text/javascript">
    function ready()
    {
        //这个函数的主要作用有两个:
        //一个获取定义的buttonName按钮。有消息弹出结果
        //另一个就是将buttonName按钮值由"确定"更改为"取消"
        var setText = function()
        {
            //通过getCmp方法获取指定参数的对象,参数的值是某个已经在页面中初始化的Ext对象的ID
            //getCmp()方法只有一个参数,就是组件的 ID
            var btn = Ext.getCmp("buttomID");
            
            //获取按钮ID
            var id = btn.id;
            
            //获取按钮文本
            var text = btn.text;    
                    
            //获取按钮类型
            var type = btn.type;
            
            var result = "执行结果是:ID="+id+"  text="+text+"  type="+type;
            
            Ext.Msg.alert("提示消息",result);
            
            //setText是将按钮的文本重新设置为新的文本“取消”
            Ext.getCmp("buttomID").setText("取消");
        }; 
        //定义一个按钮 出发事件后执行函数setText
        var buttonName = new Ext.Button
        ({
            id:"buttomID",
            text:"确定",
            renderTo:document.body,
            handler:setText
        });          
    }
    Ext.onReady(ready);
    </script>
    </div>
    </form>
</body>

 //第二:  Ext.getBody();//该方法等同于document.body 呵呵 不用说了吧
//以上是我经常使用的2个方法,

其他还有很多,我都不喜欢用,像:Ext.get("一个参数");Ext.getDom("一个参数");Ext.getDoc("不带参数");


本文转自温景良博客园博客,原文链接:http://www.cnblogs.com/wenjl520/archive/2008/11/03/1325533.html,如需转载请自行联系原作者

相关文章
|
2月前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
91 3
|
3月前
|
JavaScript
ES6学习(9)js中的new实现
ES6学习(9)js中的new实现
|
1月前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
48 5
|
1月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
30 2
|
1月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
54 1
|
2月前
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
44 4
js学习--制作猜数字
|
2月前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
58 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
3月前
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
3月前
|
JavaScript 前端开发 API
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
该文章跟随月影老师的指导,探讨了编写优质JavaScript代码的三大原则:各司其职、组件封装与过程抽象,通过具体示例讲解了如何在实际开发中应用这些原则以提高代码质量和可维护性。
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
|
2月前
|
JavaScript
js学习--制作选项卡
js学习--制作选项卡
43 4