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.Msg.alert设置格式

Ext.Msg.alert是ExtJS库中用于弹出消息框的方法。它可以用来显示警告、提示或错误等信息。

在ExtJS中，可以通过以下方式设置Ext.Msg.alert的格式：

1. 设置标题：
可以通过第一个参数设置消息框的标题，例如：

   Ext.Msg.alert('提示', '这是一个提示消息');

2. 设置消息内容：
可以通过第二个参数设置消息框的内容，例如：

   Ext.Msg.alert('提示', '这是一个提示消息');

3. 设置按钮文本：
可以通过配置项来设置消息框中按钮的文本，例如：

   Ext.Msg.alert({
     title: '提示',
     message: '这是一个提示消息',
     buttonText: {
       ok: '确定',
       cancel: '取消'
     }
   });

4. 设置图标：
可以通过配置项来设置消息框中的图标，例如：

   Ext.Msg.alert({
     title: '提示',
     message: '这是一个提示消息',
     icon: Ext.Msg.WARNING
   });

可以使用以下预定义的图标：
- Ext.Msg.INFO：信息图标
- Ext.Msg.WARNING：警告图标
- Ext.Msg.ERROR：错误图标
- Ext.Msg.QUESTION：问号图标

这些是设置Ext.Msg.alert格式的一些常见方式，你可以根据自己的需求进行调整和扩展。

Ext.form.FormPanel 样例

以下是一个基本的 Ext.form.FormPanel 样例：

Ext.onReady(function(){
  Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    title: '简单表单',
    width: 300,
    bodyPadding: 10,
    defaultType: 'textfield',
    items: [{
      fieldLabel: '姓名',
      name: 'name',
      allowBlank: false
    }, {
      fieldLabel: '密码',
      name: 'password',
      inputType: 'password',
      allowBlank: false
    }, {
      xtype: 'checkbox',
      fieldLabel: '已婚',
      name: 'married'
    }],
    buttons: [{
      text: '重置',
      handler: function() {
        this.up('form').getForm().reset();
      }
    }, {
      text: '提交',
      formBind: true,
      handler: function() {
        var form = this.up('form').getForm();
        if (form.isValid()) {
          form.submit({
            url: 'submit.php',
            success: function(form, action) {
              Ext.Msg.alert('成功', action.result.msg);
            },
            failure: function(form, action) {
              Ext.Msg.alert('失败', action.result.msg);
            }
          });
        }
      }
    }]
  });
});

这个样例创建了一个简单的表单，包含了一个文本框、一个密码框和一个复选框，以及两个按钮：一个用于重置表单，另一个用于提交表单。当用户点击“提交”按钮时，表单将被提交到一个名为“submit.php”的服务器端脚本进行处理。如果表单提交成功，将会弹出一个“成功”提示框，否则将会弹出一个“失败”提示框。