Extjs 自訂事件

關於Extjs自訂事件和相關語言一樣也同樣：定義事件，添加監聽器，觸發時間。同時extjs要繼承自：Ext.util.Observable

代碼如下

 

   <link href="ext-3.1.1/resources/css/ext-all.css" rel="Stylesheet" />
    <script type="text/javascript" src="ext-3.1.1/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-3.1.1/ext-all.js"></script>
    <script type="text/javascript">
      Person =function (name) {
            this.name = name;
            this.addEvents("walk");//自訂對象事件
        }

        Ext.extend(Person, Ext.util.Observable); //對象繼承自Ext.util.Observable事件模型

        var per = new Person("張三");
        //添加事件監聽器
        per.on("walk", function() { alert("walk") });

        Ext.onReady(function() {

            Ext.get("addevent").on("click", function() {
                per.fireEvent("walk");//觸發事件

            });

        })
       
       
    
   
    </script>
</head>
<body>
<input type="button" value="自訂事件" id="addevent" />
</body>
</html>