ExtJs4 笔记（2） ExtJs对js基本语法扩展支持

ExtJs4 笔记（2） ExtJs对js基本语法扩展支持

《回到系列目录
本篇主要介绍一下ExtJs对JS基本语法的扩展支持，包括动态加载、类的封装等。

一、动态引用加载

ExtJs有庞大的类型库，很多类可能在当前的页面根本不会用到，我们可以引入动态加载的概念来即用即取。这些代码都要写在Ext.onReady外面。

1.动态引用外部Js

[Js]

2.动态加载类

[Js]

二、对类的封装

Js本身是面向对象的语言，但是语法层面上对类的支持不够完善，ExtJs对此作了一系列的封装，下面看看类的定义、字段、构造函数、方法、静态字段，方法的实现方式，还用类的继承的用法。
[Js]

三、基本数据类型

ExtJs支持数值型、字符串型、日期型、布尔型等基本数据类型，内容比较简单，下面演示基本的声明用法，以及类型转换。
[Js]

四、函数执行时间控制

主要用两个方面，1.让某个函数等待一段时间后自动执行。2.然某个函数按照一定频率反复执行。

1.函数等待执行

实现一个功能，页面加载完毕后，等待3秒后弹出提示。
[Js]

1.函数按照一定频率反复执行

让div1每隔一秒更新一次显示当前时间，10秒又自动停止更新：
[Js]

五、键盘事件侦听

1..Ext.KeyMap

通过Ext.KeyMap可以建立键盘和用户动作（Actions）之间的映射。下面看看例子，页面html沿用Ext.Updater部分。
[Js]

我们看到，在IE中测试，当我们按下ctrl+A键时，全选功能被屏蔽，支持了我们自定义的方法。

2.Ext.KeyNav

Ext.KeyNav主要是用来绑定方向键的，已支持的键：enter, left, right, up, down, tab, esc, pageUp, pageDown, del, home, end,现在通过它来实现鼠标控制层移动的功能：
[Js]

作者：李盼（Lipan）

出处：[Lipan] （http://www.cnblogs.com/lipan/）

版权声明：本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。

分类: JS

好文要顶 关注我 收藏该文








lipan

关注 - 4

粉丝 - 562

+加关注

6

0

(请您对文章做出评价)

« 上一篇：ExtJs4
笔记（1） ExtJs大比拼JQuery：Dom文档操作

» 下一篇：ExtJs4
笔记（3） Ext.Ajax 对ajax的支持

posted @ 2011-12-08 00:26 lipan 阅读(13894)
评论(11) 编辑 收藏

评论列表

#1楼 2011-12-08
09:10 zesion

不错。LZ整理的相当好。
支持(1)反对(0)

#2楼 2011-12-08
09:22 小渺

很好，受益匪浅。
支持(1)反对(0)

#3楼 2011-12-08
10:22 天空布蓝

谢谢ls 非常不错的说。。
支持(1)反对(0)

#4楼[楼主] 2011-12-09
09:17 lipan

@天空布蓝

@小渺

@zesion

谢谢关注
支持(1)反对(1)

#5楼 2011-12-12
09:22 cr2121

谢谢，希望持续更新，很有帮助
支持(1)反对(0)

#6楼 2011-12-21
21:07 廖飞

错误: Ext.Loader is not enabled, so dependencies cannot be resolved dynamically. Missing required class: Huake.test.Person

Huake.test.Student 继承 Huake.test.Person 楼主，

var student = Ext.create('Huake.OO.Student');报上面的错

请问这个怎么解决？谢谢
支持(1)反对(0)

#7楼[楼主] 2011-12-21
23:33 lipan

@廖飞

大哥，你用的是extjs4.0以上的版本吗？
支持(1)反对(0)

#8楼 2011-12-22
09:59 廖飞

@lipan

是的，最新的。4.0.7
支持(1)反对(0)

#9楼 2011-12-22
10:00 廖飞

引用
lipan：

@廖飞

大哥，你用的是extjs4.0以上的版本吗？

是的，最新的。4.0.7
支持(1)反对(0)

#10楼 2013-05-31
13:43 ____卡托丶

楼主有个问题 怎么在 gridpannel 中默认选中columns 中的复选框
支持(1)反对(0)

#11楼 2014-04-07
21:35 岑逸

详细！多谢楼主~！