Coolite中的按钮方法调用

Coolite的方法调用很灵活,它可以非常方便的调用javascript方法,也可以调用后台代码中的方法,也可以非常灵活的传递参数。

一、按钮调用javaScript中的方法

       首先假设javascript方法为

         var  scriptMethod=function()
              {
                  ...
              };

        1.调用javascript方法的第一种方法.

           <ext:Button ID="btn1" Text="按钮1" runat="server">
               <Listeners>
                   <Click Fn="scriptMethod"/>
               </Listeners>
           </Button>

        2.调用javascript方法的第二种方法     

           <ext:Button ID="btn1" Text="按钮1" runat="server">
               <Listeners>
                   <Click Handler="={scriptMethod}"/>
               </Listeners>
           </Button>

  二、按钮调用服务器端代码中的方法

       1.第一种跟asp.net非常像的方法.

           <ext:Button ID="btn1" Text="按钮1" runat="server">
               <AjaxEvents>
                    <Click onEvent="Btn1_Click"/>
               </AjaxEvents>
           </Button>

 对应的方法为:

           protected void Btn1_Click(object sender, AjaxEventArgs e)
           {
              this.SetTime();
           }

        跟原来的asp.net不同的地方就在于AjaxEventArgs这里了。

      2.接下来的这个方法,功能强大,传参方便,还可以加上回调函数,非常方便。

例子1： 

<ext:Button ID="btn1" Text="按钮1" runat="server">
       <Listeners>
             <Click Handler="Coolite.AjaxMethods.MyServerMethod(
                                       #{textName}.value,
                                       #{textPass}.value,
                                       {
                                            success:function(result){Ext.Msg.Alert('msg',result);}
                                       }); "/>
      </Listeners>
</Button>

  这样写,就会调用了服务器端代码中如下的方法:

           [AjaxMethod]
           public int MyServerMethod(string 参数1,2等等)
           {
              ... 
              return ...;
            }

      黄色的部分是传递的参数,比如#{txtName}.value 是ID为txtName的控件内所填的值,控件可以是Ext控件,也可以是asp服务器端控件,也可以是HTML控件.青色的部分是回调函数,就是你所调用的方法执行完毕后,会返回一个值result,你可以在这里调用javaScript去处理这个值.   
例子2：

<ext:Button ID="Button1" runat="server" Text="Say Hello">
     <Listeners> 
         <Click Handler="Coolite.AjaxMethods.SayHello(
                                'World', 
                                {         
                                    success: function (result) {alert(result);}    
                                });" />
     </Listeners>
</ext:Button>

这样写，就会调用服务器代码中的如下方法：

       [AjaxMethod]
       public string SayHello(string text)
       {   
            return "Hello " + text;
       }

 三、在javaScript中调用后台方法   

var DelSelected=function(){
                Ext.MessageBox.confirm('提示', '是否要删除记录',function(btn){
                            if (btn == 'yes') {
                                Coolite.AjaxMethods.Del();
                            }
                });

（转）