ext3.0 提示框
时间: 2023-12-07 19:06:06 浏览: 32
在 ExtJS 3.0 中,可以使用 Ext.Msg.show() 方法创建提示框。该方法有多个参数可以配置,例如:
- title:提示框的标题
- msg:提示框显示的文本信息
- buttons:提示框的按钮,可以是一个数组或者一个字符串,常用的有 "OK"、"YES"、"NO"、"CANCEL" 等
- icon:提示框的图标,可以是一个字符串或者一个数字,常用的有 "INFO"、"WARNING"、"QUESTION"、"ERROR" 等
示例代码:
```
Ext.Msg.show({
title: '提示',
msg: '确定要删除吗?',
buttons: Ext.Msg.YESNO,
icon: Ext.Msg.QUESTION,
fn: function(btn) {
if (btn === 'yes') {
// 用户点击了“是”按钮
} else {
// 用户点击了“否”按钮
}
}
});
```
这段代码会创建一个带有标题“提示”、文本信息“确定要删除吗?”、两个按钮“是”和“否”以及一个问号图标的提示框。当用户点击按钮时,会执行回调函数,根据用户的选择进行相应的操作。
相关问题
Ext.js 消息提示框
Ext.js 提供了一个方便的消息提示框组件,可以在页面中快速地显示消息提示。使用 Ext.Msg 类来创建消息提示框,具体方法如下:
1. 显示一个简单的提示框:
```
Ext.Msg.alert('提示', '这里是提示信息');
```
2. 显示一个确认框:
```
Ext.Msg.confirm('确认', '确定要执行操作吗?', function(button) {
if(button === 'yes') {
// 用户点击了“确定”按钮
} else {
// 用户点击了“取消”按钮
}
});
```
3. 显示一个输入框:
```
Ext.Msg.prompt('输入', '请输入您的姓名:', function(button, value) {
if(button === 'ok') {
// 用户点击了“确定”按钮,value 参数为用户输入的值
} else {
// 用户点击了“取消”按钮
}
});
```
以上三种方法都会返回一个 Ext.MessageBox 对象,可以通过该对象调用其他方法来修改提示框的属性,比如修改提示框的标题、图标等等。
ext中消息框、提示框、确认框显示在最前面的解决方法
在使用 ext 中的消息框、提示框、确认框时,可以通过设置 `zIndex` 属性来调整它们的层级,使其显示在最前面。
具体操作步骤如下:
1. 在创建消息框、提示框、确认框时,添加 `zIndex` 属性,如:
```
Ext.Msg.show({
title: '提示',
message: '确定要删除吗?',
buttons: Ext.Msg.YESNO,
icon: Ext.Msg.QUESTION,
zIndex: 9999 // 设置层级为 9999
});
```
2. 在 CSS 样式中,设置消息框、提示框、确认框的 `z-index` 属性,确保其值大于创建时设置的 `zIndex` 值,如:
```
.x-message-box {
z-index: 10000; /* 设置样式的层级为 10000 */
}
```
通过以上操作,可以确保消息框、提示框、确认框在显示时始终处于最前面。