第四讲信息提示框组件.docVIP

第四讲 EXT的信息提示框组件 1. Ext.MessageBox.alert()方法标准提示框 API alert ( String title, String msg, Function fn, Object scope ) : Ext.MessageBox 参数项： title : String The title bar text msg : String The message box body text fn : Function (optional) The callback function invoked after the message box is closed scope : Object (optional) The scope of the callback function 有四个参数，我们这里主要介绍前面三个。 title，标题，必选 msg，本体文本，必选 fn，在关闭弹出窗口后触发Ext.onReady( function TestMessageBox() { //声明函数的方式 Ext.MessageBox.alert(测试,弹出提示框); } ); 添加事件处理 Ext.onReady( function TestMessageBox() { Ext.MessageBox.alert(测试,弹出对话框,function() { document.write(关闭对话框); //在页面上直接的书写 }); } ); 对按钮之进行判断 Ext.onReady( function TestMessageBox() { Ext.MessageBox.alert(测试,弹出对话框,function(e) { if(e == ok) { //此种判断价值不高 document.write(单击了确定按钮); } else if(e == cancel) { document.write(单击了关闭按钮); } }); } ); 与页面的组件绑定使用 页面上创建按钮组件 !-- 使用alert对话框 -- input type=button value=点击出现对话狂 id=btn Ext.onReady(function(){ Ext.get(btn).on(click ,function(){ Ext.MessageBox.alert(提示,这是标准的信息的弹出); //Message的弹出包含两个message ,第一是title 第二是内容 // Ext.Msg.alert(另外方式的弹出) } ); }); 2. Ext.MessageBox.confirm()方法确认对话框 API confirm ( String title, String msg, Function fn, Object scope ) : Ext.MessageBox 参数项： title : String The title bar text msg : String The message box body text fn : Function (optional) The callback function invoked after the message box is closed scope : Object (optional) The scope of the callback function 参数和alert方法一样。 示例二： Ext.onReady( function TestMessageBox() { Ext.MessageBox.confirm(保存,是否保存文件); } ); 添加事件处理。 Ext.onReady( function TestMessageBox() { Ext.MessageBox.confirm(保存,是否保存文件,function(e){ document.write(e); }); } ); 对按钮值进行判断。 Ext.onReady( function TestMessageBox() { Ext.MessageBox.confirm(保存,是否保存文件,function(e){ if(e == yes) { document.write(保存文件); } else if(e == no) { document.write(不保存文件); } }); } ); 与页面的元素绑定 !-- 使用Confr