📄 ext.messagebox.html
字号:
<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.MessageBox-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.MessageBox-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.MessageBox-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.MessageBox-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.MessageBox"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.MessageBox</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </td> </tr> --> <tr> <td class="label"> Defined In: </td> <td class="hd-info"> MessageBox.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.MessageBox </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Object </td> </tr> </table> <div class="description"> <p>用来生成不同样式的消息框的实用类。还可以使用它的别名 Ext.Msg。<p/>
<p>需要注意的是 MessageBox 对象是异步的。不同于 JavaScript 中原生的 <code>alert</code>(它会暂停浏览器的执行),显示 MessageBox 不会中断代码的运行。
由于这个原因,如果你的代码需要在用户对 MessageBox 做出反馈<em>之后</em>执行,则必须用到回调函数(详情可见 <a href="###" onClick="alert('#show');">#show</a> 方法中的 <code>function</code> 参数)。
<p>用法示例:</p>
<pre><code>
// 基本的通知:
Ext.Msg.alert('Status', 'Changes saved successfully.');
// 提示用户输入数据并使用回调方法进得处理:
Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
if (btn == 'ok'){
// process text value and close...
}
});
// 显示一个使用配置选项的对话框:
Ext.Msg.show({
title:'Save Changes?',
msg: 'Your are closing a tab that has unsaved changes. Would you like to save your changes?',
buttons: Ext.Msg.YESNOCANCEL,
fn: processResult,
animEl: 'elId',
icon: Ext.MessageBox.QUESTION
});
</code></pre>
</div> <div class="hr"> </div> <a id="Ext.MessageBox-configs"></a> <h2>配置项</h2> 这个类没有配置项。 <a id="Ext.MessageBox-props"></a> <h2>公告属性</h2> <table cellspacing="0" class="member-table"> <tr> <th colspan="2"> 属性 </th> <th> 定义者 </th> </tr> <tr class="property-row inherited expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="OK-activeItem"></a> <b> OK: </b> <div class="mdesc"> <div class="short">
只显示一个确认按钮的 Button 配置项
</div> <div class="long">
只显示一个确认按钮的 Button 配置项
</div> </div> </td> <td class="msource"> MessageBox </td> </tr> <tr class="property-row inherited expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="CANCEL-activeItem"></a> <b> CANCEL: </b> <div class="mdesc"> <div class="short">
只显示一个取消按钮的 Button 配置项
</div> <div class="long">
只显示一个取消按钮的 Button 配置项
</div> </div> </td> <td class="msource"> MessageBox </td> </tr> <tr class="property-row inherited expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="OKCANCEL-activeItem"></a> <b> OKCANCEL: </b> <div class="mdesc"> <div class="short">
显示确认和取消按钮的 Button 配置项
</div> <div class="long">
显示确认和取消按钮的 Button 配置项
</div> </div> </td> <td class="msource"> MessageBox </td> </tr> <tr class="property-row inherited expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="YESNO-activeItem"></a> <b> YESNO: </b> <div class="mdesc"> <div class="short">
显示是和否按钮的 Button 配置项
</div> <div class="long">
显示是和否按钮的 Button 配置项
</div> </div> </td> <td class="msource"> MessageBox </td> </tr> <tr class="property-row inherited expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="YESNOCANCEL-activeItem"></a> <b> YESNOCANCEL: </b> <div class="mdesc"> <div class="short">
显示是、否和取消按钮的 Button 配置项
</div> <div class="long">
显示是、否和取消按钮的 Button 配置项
</div> </div> </td> <td class="msource"> MessageBox </td> </tr> <tr class="property-row inherited expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="INFO-activeItem"></a> <b> INFO: </b> <div class="mdesc"> <div class="short">
显示 INFO 图标的 CSS 类
</div> <div class="long">
显示 INFO 图标的 CSS 类
</div> </div> </td> <td class="msource"> MessageBox </td> </tr> <tr class="property-row inherited expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="WARNING-activeItem"></a> <b> WARNING: </b> <div class="mdesc"> <div class="short">
显示 WARNING 图标的 CSS 类
</div> <div class="long">
显示 WARNING 图标的 CSS 类
</div> </div> </td> <td class="msource"> MessageBox
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -