Coolite 弹窗妙用

① 提示框在后台写：

前台代码：

 

代码

< script  type ="text/javascript" >

function  DelSelectedRowFn() {

         Ext.MessageBox.confirm( ' 提示 ' ,  ' 是否要删除这些记录 ' ,  function (btn) {

             if  (btn  ==   " yes " ) {

                Coolite.AjaxMethods.DeleteSelectedRow();  // 执行后台方法

                }

            });

        }

</ script >

 

< ext:Button  ID ="ButtonDel"  runat ="server"  Text ="删除测试" >

       < Listeners >

           < Click  Fn ="DelSelectedRowFn"   />

       </ Listeners >

</ ext:Button >

 

 

后台代码：

 

代码

[AjaxMethod]

public   void  DeleteSelectedWorkFlow()

{

// 这里先写删除的逻辑代码。。。
 

// 删除成功就弹出下面这个提示
    Ext.Msg.Show( new  MessageBox.Config

    {

        Title  =   " 提示 " ,

        Message  =   " 你已经成功删除该记录！ " ,

        Buttons  =  MessageBox.Button.OK,

        AnimEl  =   this .ButtonDel.ClientID,

    });

}

 

 

② 提示框在前台写：

前台代码：

 

代码

< script  type ="text/javascript" >

     // 删除示例成功后弹出提示框写在前台

     function  DelSelectedRowFn2() {

        Ext.MessageBox.confirm( ' 提示 ' ,  ' 是否真的要删除该记录 ' ,  function (btn) {

            if  (btn  ==   " yes " ) {

              Coolite.AjaxMethod.request( " DeleteSelectedRow2 " , {

                        success:  function (result) {

                            Ext.Msg.alert( " 提示 " , result);

                        },

                        eventMask: {

                            showMask:  true ,

                            msg:  ' 正在删除,请稍后... ' ,

                            minDelay:  500

                        }

                    });

                }

            });

        }

</ script >

< ext:Button  ID ="Button3"  runat ="server"  Text ="删除成功后弹出对话框在前台写（ExtJS）" >

       < Listeners >

           < Click  Fn ="DelSelectedRowFn2"   />

       </ Listeners >

</ ext:Button >

 

 

后台代码：

 

[AjaxMethod]

public   string  DeleteSelectedRow2() 

{

// 这里先写删除的逻辑代码
    

// 删除成功后返回的是一串字符串
     return   " 你已经成功删除！ " ;

}

 

 

3.全部在后台写:

 

代码

protected   void  Button1_Click( object  sender, AjaxEventArgs e)

        {

                Ext.Msg.Alert( " 提示 " ,  " 消息内容 " ,  new  MessageBox.ButtonsConfig

                {

                    Yes  =   new  MessageBox.ButtonConfig

                    {

                        Handler  =   " Coolite.AjaxMethods.DoYes() " ,

                        Text  =   " 确定 "

                    },

                    No  =   new  MessageBox.ButtonConfig

                    {

                        Handler  =   "Coolite.AjaxMethods .DoNo() " ,

                        Text  =   " 取消 "

                    }

                }).Show();

        }

 

         // 服务端方法:

      [AjaxMethod]
        public   void  DoYes()

        {

            Ext.Msg.Alert( " 操作提示 " ,  " 删除成功！ " ).Show();

        }

 

        [AjaxMethod]
         public   void  DoNo()

        {

            Ext.Msg.Alert( " 操作提示 " ,  " 你刚点了取消 " ).Show();

        }

    }

}