弹出信息总结:
第一种:提示窗在后台写:
前台代码:
代码
<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();
}
}
}