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/）

版权声明：本文的版权归作者与博客园共有。