Extjs 中的tbar中的事件

先上一段代码：

 <script type="text/javascript">
 function clickSave()
 {
  alert('保存事件');
 }

 

 function confirmCancle()
 {
  alert('确认是否取消');
 }

    </script>

<script type="text/javascript">

 Ext.onReady(function(){

        Ext.QuickTips.init();
        var viewport = new Ext.Viewport({
            layout:'border',
            items:[
               {
                region:'center',
                margins:'1 5 5 5',
                title:'定单管理',
                layout:'fit',
                autoScroll:true,
                items : [{contentEl:'content',
                bodyStyle: "background-color:#DFE8F6;padding:10 0 10 10",
                border:false
              }],

         tbar:[
          {
              text:'保存',
               iconCls: save,
               hander:clickSave(),
                scope:this
           },'-',
            {
              text:'取消',
               iconCls: 'sanCancle',
               handler: function(){
                 confirmCancle();
              },scope:this
           }]

   });

</script>

 

我们来看一下在tbar中有2个函数，clickSave() 和confirmCancle(),当我们执行的时候，你会发现，这两个事件是在不同的时候执行，

clickSave在我们的页面加载的时候就会执行。

confirmCancle在我们单击了取消事件时才会执行。。

在Extjs中我还没有去仔细查找这是为什么。。。现在只是知道这2种写法会导致不同的结果产生。。

希望对遇到同样问题的人有帮助。。