ExtJs 的 JS基本语法

2

3

4

//加载配置可用

Ext.Loader.setConfig({ enabled: true });

//动态引用“../ux/”目录下所有Js文件类，映射到对应命名空间

Ext.Loader.setPath(‘Ext.ux‘, ‘../ux/‘);

2

3

4

5

6

7

8

9

10

11

12

13

//加载单个类

Ext.require(‘Ext.window.Window‘);

//加载多个

Ext.require([

    ‘Ext.grid.*‘,

    ‘Ext.data.*‘,

    ‘Ext.util.*‘,

    ‘Ext.grid.PagingScroller‘

]);

//加载所有类，除了“Ext.data.*”之外

Ext.exclude(‘Ext.data.*‘).require(‘*‘);

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

Ext.onReady(function () {

    Ext.define("My.test.Animal", {

        height: 0,

        weight: 0

    });

    Ext.define("My.test.Person", {

        //普通子段

        name: "",

        //属性

        config: {

            age: 0,

            father: {

                name: "",

                age: 0

            }

        },

        //构造方法

        constructor: function (name, height) {

            this.self.count++;

            if (name) this.name = name;

            if (height) this.height = height;

        },

        //继承

        extend: "My.test.Animal",

        //实例方法

        Say: function () {

            alert("你好，我是：" + this.name + ",我今年" + this.age + "岁,我的身高是：" + this.height

　　　　　　　　　　+ "。我的爸爸是：" + this.father.name + "，他" + this.father.age + "岁。");

        },

        //静态子段，方法

        statics: {

            type: "高等动物",

            count: 0,

            getCount: function () {

                return "当前共有" + this.count + "人";

            }

        }

    });

    function test() {

        var p = Ext.create("My.test.Person", "李四", 178);

        p.setAge(21);

        p.setFather({

            age: 48,

            name: "李五"

        });

        p.Say();

        Ext.create("My.test.Person");

        alert(My.test.Person.getCount());

    }

    test();

});

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

//定义一个日期类型的数据

var date1 = new Date("2011-11-12");

var date = new Date(2011, 11, 12, 12, 1, 12);

//转化为字符串型

alert(date.toLocaleDateString());

//转化为数值型

alert(Number(date));

//布尔型，假

var myFalse = new Boolean(false);

//真

var myBool = new Boolean(true);

//定义数值

var num = new Number(45.6);

alert(num);

2

3

4

5

var func1 = function (name1, name2) {

    Ext.Msg.alert("3秒钟后自动执行", "你好，" + name1 + "、" + name2 + "！");

};

Ext.defer(func1, 3000, this, ["张三", "李四"]);

2

3

4

5

6

7

8

9

10

11

//周期执行

var i = 0;

var task = {

    run: function () {

        Ext.fly(‘div1‘).update(new Date().toLocaleTimeString());

        if (i > 10) Ext.TaskManager.stop(task);

        i++;

    },

    interval: 1000

}

Ext.TaskManager.start(task);

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

    var f = function () {

        alert("B被按下");

    }

    var map = new Ext.KeyMap(Ext.getDoc(), [

    {

        key: Ext.EventObject.B,

        fn: f

    }, {

        key: "bc",

        fn: function () { alert(‘b,c其中一个被按下‘); }

    },

    {

        key: "x",

        ctrl: true,

        shift: true,

        alt: true,

        fn: function () { alert(‘Control + shift +alt+ x组合键被按下.‘); },

        stopEvent: true

    }, {

        key: "a",

        ctrl: true,

        fn: function () { alert(‘Control+A全选事件被阻止，自定义事件执行！‘); },

        stopEvent: true

    }

]);

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

var div1 = Ext.get("div1");

var nav = new Ext.KeyNav(Ext.getDoc(), {

    "left": function (e) {

        div1.setXY([div1.getX() - 1, div1.getY()]);

    },

    "right": function (e) {

        div1.setXY([div1.getX() + 1, div1.getY()]);

    },

    "up": function (e) {

        div1.move("up",1);

    },

    "down": function (e) {

        div1.moveTo(div1.getX(), div1.getY() + 1);

    },

    "enter": function (e) {

    }

});