Coolite中的按钮方法调用

最新推荐文章于 2024-11-08 16:09:18 发布

weixin_30399155

最新推荐文章于 2024-11-08 16:09:18 发布

阅读量76

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/meiqunfeng/archive/2009/10/09/1579786.html

版权

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();
                            }
                });

（转）

转载于:https://www.cnblogs.com/meiqunfeng/archive/2009/10/09/1579786.html