Coolite的消息框.doc

Coolite的消息框Coolite的功能十分强大，页面效果也非常美观。下面就让我们一起来探讨一下Coolite的消息框时怎么实现的。一 Alert弹出框.调用服务器端的Alert弹出框：前台代码: 后台代码:public void Button_Click(object sender,AjaxEventArgs e) Ext.Msg.Alert(成功提示信息, 这是服务器的消息框).Show(); 如果想加入点好看的效果。后台代码可以改为： public void Button_Click(object sender,AjaxEventArgs e) Ext.Msg.Show(new MessageBox.Config Title = 成功提示信息, /标题 Message = 这是服务器的消息框, /消息主题内容 Buttons = MessageBox.Button.OK, /按钮-OK为只有一个确认键 Icon = MessageBox.Icon.INFO, /消息框图标 AnimEl = this.Button1.ClientID,/动画效果 ); 调用客户端的Alert弹出框:JavaScript方法 function CJS() Ext.Msg.alert(标题,这是客户端弹出的消息框); 前台代码： 或者 点击服务器端的确定按钮后调用客户端的JavaScript函数：前台代码 function CJS() Ext.Msg.alert(标题,这是客户端弹出的消息框); 后台代码protected void Button1_Click(object sender, AjaxEventArgs e) Ext.Msg.Alert(成功提示信息, 这是服务器的消息框, new JFunction Fn = CJS ).Show(); 二. Confirm确认框: 前台代码:JavaScript代码：function showReturn(bottonRetrun) if(bottonRetrun=yes) Ext.Msg.alert(消息提示框,你点击了是按钮); else Ext.Msg.alert(消息提示框,你点击了否按钮); 后台代码: protected void Button3_Click(object sender, AjaxEventArgs e) Ext.Msg.Confirm(成功提示信息, 这是确认框, new JFunction Fn = showReturn ).Show(); 三：Prompt输入框：单行输入框 前台代码:JavaScript代码：function DataInput(button,text) if(button=ok & text!=) Ext.Msg.alert(输入信息,你输入的数据是：+text); 后台代码: protected void Button4_Click(object sender, AjaxEventArgs e) Ext.Msg.Prompt(数据录入, 请输入信息, new JFunction Fn = DataInput ).Show(); 多行输入框 前台代码:JavaScript代码：function DataInput(button,text) if(button=ok & text!=) Ext.Msg.alert(输入信息,你输入的数据是：+text); 后台代码: protected void Button5_Click(object sender, AjaxEventArgs e) Ext.Msg.Show(new MessageBox.Config Title = 多行数据输入, Message = 请输入信息, Width = 300, Buttons = MessageBox.Button.OKCANCEL, M