ExtJs的Ext.Button的簡單用法之事件

據我所知,Ext.Button 的事件註冊方式有3中,如下例:

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 11-2-11
  Time: 下午6:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Simple jsp page</title>
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
    <script type="text/javascript" src="extjs/adapter/ext-base.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript">

        Ext.onReady(
                   function(){
                       var _myBtn= new Ext.Button({
                           renderTo:Ext.getBody(),
                           text:"確&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;定",
                           minWidth:100,
                           height:40,
                           handler:function(){
                               alert("handler句柄屬性方式註冊的處理事件!");
                           },
                           //推薦使用的註冊事件的方式
                           listeners:{
                               "click":function(){
                                   alert("listeners添加監聽屬性的方式註冊的監聽事件!");
                               }
                           }
                       });

                       //EXT傳統寫法
                       _myBtn.on("click",function(){
                           Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
                               if (btn == 'ok'){
                                   alert("你點擊了"+btn+"\n輸入的信息是:"+text);
                               }else if(btn=='cancel'){
                                   alert("you chosen "+btn+"!");
                               }
                           });
                       });


                   }
                );
    </script>

</head>
<body>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章