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;

          }
        }
      }
    }
  }
}

在上面的代码中，当字段在字段中被切入和切入且为空时，它显示消息框。相反，我希望在页面加载时显示该消息框。怎么办？

Answer 1

您已经使用blur事件来做您的事情。您可以使用afterrender事件来显示您的消息。

这将取决于您在应用程序/ UI中所拥有的内容，但是通常的想法是：@查看要绑定的事件的文档，然后在其中添加处理程序。

这是一个示例应用程序：

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中

页面加载后在Extjs中显示消息框

1 个答案: