Ext.Button

<link rel="stylesheet" type="text/css"

        href="../ext3.2/resources/css/ext-all.css">

      

    <script type="text/javascript" src="../ext3.2/adapter/ext/ext-base.js"></script>

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

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

<script type="text/javascript">

    Ext.onReady(function(){

        new Ext.Button({

            renderTo : Ext.getBody(),//得到body对象document.body,得到了Ext元素对象

            text:"确定"

        });

button.setText("取消");

    });

</script>

Ext.getBody();得到body对象

属性：

• renderTo：将当前对象锁生成的HTML对象存放在指定的对象中，body相当于一个容器
• text：获得当前按钮上的名称；
• minWidth：按钮的最小宽度；

方法：

• setText：设置按钮上的名称

事件：

• click：当点击按钮时触发

     

<script type="text/javascript">

    Ext.onReady(function(){

        var button = new Ext.Button({

            renderTo : Ext.getBody(),//得到body对象document.body,得到了Ext元素对象

            text:"确定",

            minWidth:100,//设置最小的宽度

            handler:function(){

                alert("欢迎学习ExtjS");

            }

        });

        button.setText("取消");

          

        alert(button.text);

    });

</script>

   

• 构造参2数：
  • handler，指定了一个函数句柄，在默认事件触发时调用，此时默认为click，

     

  • listeners：这个是在对象初始化之前，就将一系列事件进行定义的手段，在进行组件化编程时，特别有用

<script type="text/javascript">

    Ext.onReady(function(){

        var button = new Ext.Button({

            renderTo : Ext.getBody(),//得到body对象document.body,得到了Ext元素对象

            text:"确定",

            minWidth:100,//设置最小的宽度

            listeners:{

                "click":function(){

                    alert("欢迎你学习ExtJs");

                }

            }

        });

        button.setText("取消");

    });

</script>