没有 Header 和按钮的 Extjs 警告框

Question

我需要在 Extjs 纯文本中创建一个警报，但是当我们使用 Ext Message Box 时，我们会得到一个带有关闭选项和按钮的 header。请帮助我仅通过短信提醒用户，默认情况下应在几秒钟后消失。

Answer 1

有一个toast！它从 ExtJS 5 开始可用。

使用 header: false 隐藏 header。 autoCloseDelay 以毫秒为单位设置，默认为 3000。

示例：

Ext.toast({html: 'Some alert here.', header: false, autoCloseDelay: 5000});

编辑：要在 ExtJS 6 和 5 中将 toast 居中，请参阅此 fiddle： https://fiddle.sencha.com/#fiddle/12ua

Answer 2

与其将 toast 居中（因为您需要做更多的黑客攻击才能像其他答案那样破坏 toast），为什么不扩展 Ext.window.MessageBox 并自己处理呢？除了显示 header 之外，它会执行您想要的所有操作。这是一个 fiddle 示例：https://fiddle.sencha.com/#fiddle/12ue

所以现在您所要做的就是像这样使用它：

Ux.Msg.alert('Welcome to Sencha Fiddle!');

没有 Header 和按钮的 Extjs 警告框

Extjs Alert Box without Header and Buttons

extjs

messagebox