用extjs实现一个带提示文字的modal框

以下是一个使用ExtJS实现带提示文字的模态框的示例代码：

Ext.create('Ext.window.Window', {
    title: '提示框',
    layout: 'fit',
    modal: true,
    width: 400,
    height: 200,
    items: [{
        xtype: 'container',
        html: '请输入您的用户名和密码',
        style: {
            textAlign: 'center',
            marginTop: '20px'
        }
    }, {
        xtype: 'form',
        items: [{
            xtype: 'textfield',
            fieldLabel: '用户名',
            name: 'username',
            allowBlank: false
        }, {
            xtype: 'textfield',
            fieldLabel: '密码',
            name: 'password',
            inputType: 'password',
            allowBlank: false
        }]
    }],
    buttons: [{
        text: '确定',
        handler: function() {
            // 处理表单数据
        }
    }, {
        text: '取消',
        handler: function() {
            this.up('window').close();
        }
    }]
}).show();

在这个示例中，我们创建了一个名为“提示框”的模态窗口，其中包含一个容器和一个表单。容器中显示了提示文字，“请输入您的用户名和密码”，表单中包含了两个文本框，分别用于输入用户名和密码。

我们还为这个模态框添加了两个按钮：“确定”和“取消”。当用户点击“确定”按钮时，我们可以在事件处理程序中获取表单数据并进行相应的处理。当用户点击“取消”按钮时，我们会关闭模态框。

通过这个示例，您可以学习如何使用ExtJS创建一个带有提示文字的模态框，并向其中添加表单和按钮。