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