добавление кнопки отмены для отмены открытия окна

Question

var messagebox = Ext.widget("messagebox", {
  target: grid,
  progressMessage: "Loading"
});

Над окном сообщения отображается индикатор выполнения загрузки при нажатии кнопки загрузки. Мне нужно добавить кнопку отмены, чтобы отменить показ всплывающего окна ниже. Может кто-нибудь, пожалуйста, помогите мне отменить под всплывающим окном?

var win = new Ext.Window({
  title: "popup",
  width: 50,
  height: 50,
  layout: "fit",
  items: [
    {
      xtype: "component",
      autoEl: {
        tag: "popup",
        src: "www.google.com"
      }
    }
  ],
  listeners: {
    show: function() {
      setTimeout(function() {
        popup.close();
      }, 2000);
    }
  }
}).show();

Answer 1

Окно имеет closable config:

const win = new Ext.Window({
  title: "popup",
  closable: true
  // ...
});

Вы также должны посмотреть на closeAction config, который может быть либо close, либо hide. Первый разрушает окно, второй просто скрывает его, но сохраняет компонент вокруг.

Answer 2

Как насчет: win.close()

var win = new Ext.Window({
  title: "popup",
  // rest of the code
}).show();

btn.addEventListener("click", () => {
  win.close()
})