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

        }

    }

}