ExtJs之Ext.core.Element


1

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

62

63

64

65

66

67

<!DOCTYPE html>

<html>

<head>

    <title>ExtJs</title>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">

      <script type="text/javascript" src="ExtJs/ext-all.js"></script>

      <script type="text/javascript" src="ExtJs/bootstrap.js"></script>

      <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>

        <script type="text/javascript">

            Ext.onReady(function(){

          var el = Ext.get("the-id");

          var appendEl = Ext.get("the-id-append");

          function fn1(){

            Ext.Msg.alert("notice", "You press ctrl + c at the Element named the_id");

          }

          el.addCls("special-css");

          appendEl.addCls("special-css");

          appendEl.setWidth(240);

          appendEl.setWidth(240, true);

          el.focus();

          el.addClsOnFocus("focus-css");

          el.addClsOnOver("mouseover-css");

          el.addClsOnClick("click-css");

          el.setWidth(240);

          el.setWidth(240, true);

          el.addKeyMap({key: "c", ctrl: true, fn: fn1, scope: el});

          el.addKeyListener({key: "g", ctrl: true}, fn1, el);

        });

 

        function callAppend(){

          Ext.Msg.alert("notice", Ext.get("the-id-append"));

          Ext.get("the-id").appendTo(Ext.get("the-id-append"));

        }

    </script>

</head>

<body>

  <table border="0" cellspacing="3" cellpadding="3"><tr><td></td></tr></table>

  <table border="0" cellspacing="1" cellpading="3" align="center" width="240" height="180" bgcolor="#3399cc">

    <tr>

      <td bgcolor="F3FAF9">测试样例</td>

    </tr>

    <tr>

      <td bgcolor="#FBFFFF">

        <div id="the-id">通过取得ELEMNET ID 为THE_ID的DIV并为该DEV绑定一些事事，如： 为鼠标移过此DIV时改变样式表等</div>

      </td>

    </tr>

  </table>

 

  <table border="0" cellspacing="0" cellpading="0" align="center" width="240" height="40" >

    <tr><td align="left">

      <input type="button" value="点击查看追加效果" id="bt1" onclick="callAppend()">

    </td></tr>

  </table>

 

  <table border="0" cellspacing="1" cellpading="3" align="center" width="240" height="180" bgcolor="#3399CC">

    <tr>

      <td bgcolor="#F3FAF9">追加元素</td>

    </tr>

    <tr>

      <td bgcolor="#FBFFFF">

        <div id="the-id-append"> 被追加的元素</div>

      </td>

    </tr>

  </table>

</body>

</html>

　　

时间： 2024-07-29 03:49:00

ExtJs之Ext.core.Element的相关文章

ExtJs之Ext.core.DomHelper.append

1 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 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

ExtJs之Ext.core.DomQuery

1 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 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         <meta http-equiv="C

Ext 4 概述（二）之Ext Core

Ext Core 新型类系统 参考资源 Ext JS 4的倒数:动态加载和新的类机制(上) Ext JS 4的倒数:动态加载和新的类机制(下) Ext JS 4 的类机制主要围绕传统OO模型而设计,弥补了Prototype OO不足.虽然性质上仍为模拟的手段,但包含了比较完整的OO特征,并且保持对旧Ext3类机100%兼容.Ext JS 4(连同 Ext Core)提供的新功能有: 继承方面Ext.defined代替了原来Ext.extend的写法. 自动计算依赖关系及动态类加载. 多态 静态成

ExtJS下 Ext.Direct加载和提交过程排错小结_extjs

偶泪滴嘎嘎,终于,终于完成了一部分ExtJS. (基础夯实一点,会有好处的,排错的时候就体现出来了) 下面就Ext.Direct做一些排错笔记: 错误一: 复制代码 代码如下: 严重: StandardWrapper.Throwable java.lang.ArrayIndexOutOfBoundsException: 1 at com.softwarementors.extjs.djn.api.RegisteredStandardMethod.isValidFormHandlingMethod

ExtJS之Ext.getDom

1 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 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         <meta http-equiv="Content-Type" content="text/html; charset=utf

ExtJs之Ext.util.TaskRunner

1 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 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo

ExtJs之Ext.comboBox的远程数据源读取程序

既然可以测试本地AJAX,那就把书前面的代码作一次学习吧. ? 1 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 62 63 64 65 66 <!DOCTYPE html> <html>

ExtJs之Ext.XTemplate:数组填充，访问父对象

1 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 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         

EXTJS之Ext.util.Observable自定义事件

暂时还不会用Ext.mixin.Observable, 催悲的测试了近两个小时.这TMD的语法差距也太大了啊.. 在新版EXTJS里,已去除了addEvents. 弄个出来,大概知道下吧. ? 1 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 <!DOCTYPE html> <html> <