extjs - 页面加载时在Extjs中显示消息框

Question

我正在学习 extjs，因为我们的应用程序使用它。现在我已经能够构建类似的东西:

blur: function(field, lastValues) {
  var vField = field.getValue(),
    vFormPanel = field.formPanel;

  if (Ext.isEmpty(vField)) {
    MsgBox.show({
        msgs: [{
          type: 'info',
          msg: Lang.getCustomFrameworkMessage('Do you want to search google?')
        }],
        buttons: MsgBox.YESNO,
        fn: function(buttonId) {
          if (buttonId === "yes") {
            var redirect = 'https://google.com'
            window.location.href = redirect;

          }
        }
      }
    }
  }
}

在上面的代码中，当该字段按 Tab 键进出且为空时，它会显示消息框。相反，我希望在加载页面时，应该显示消息框。这怎么办？

Answer 1

您已经使用了 blur 事件来完成您的任务。您可以使用afterrender显示您的消息的事件。

这取决于您的应用程序/UI 中的内容，但总体思路是查看您想要绑定(bind)的事件的文档，然后在其中添加处理程序。

这是一个示例应用程序:

Ext.application({
  name: 'Fiddle',
  launch: function() {
    Ext.create('Ext.panel.Panel', {
      title: 'Hello',
      width: 200,
      html: '<p>World!</p>',
      renderTo: Ext.getBody(),
      listeners: {
        afterrender: function() {
          Ext.Msg.alert('TEST')
        }
      }
    });
  }
});

Here is a demo in Sencha Fiddle

注意:演示和示例位于 Sencha ExtJS 5.1