弹窗信息

       弹出信息总结:

       第一种:提示窗在后台写:

   前台代码:

代码
<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 "你已经成功删除!";

}

第三种:全部在后台写

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

}

}

}
原文地址:https://www.cnblogs.com/mystar/p/1788605.html