Как сделать так, чтобы в Ext JS было максимально развернуто окно по всему экрану? - PullRequest
Новая
       4

Как сделать так, чтобы в Ext JS было максимально развернуто окно по всему экрану?

2 голосов
/ 28 октября 2011

Я рендерил окно, содержащее диаграмму, в div, чтобы оно появилось в определенном месте на моей веб-странице.Когда я нажимаю на кнопку максимизации в окне, я хочу, чтобы она развернулась на весь экран.В настоящее время он просто максимизируется до размеров div, в котором он находится.

Я понимаю, что если я рендерим окно в тело, то когда окно максимизируется, оно занимает весь экран, однако проблема с этим подходомв том, что тогда я теряю контроль над тем, где окно отображается на странице, и, следовательно, я передаю его в div.Если кто-нибудь знает альтернативный способ позиционирования окна на странице, я был бы рад попробовать это.

Спасибо за любую помощь,

1 Ответ

0 голосов
/ 03 ноября 2011

Это может не подходить в зависимости от строгости расположения окна и макета вашего приложения, но вы можете использовать свойства конфигурации x и y, чтобы сообщить Ext.Window, где визуализировать ...

РЕДАКТИРОВАТЬ: Вы также можете использовать window.setPosition(x, y);, чтобы сказать окну также перейти в определенную позицию.Вы можете подключиться к событию resize окна или ... просто вызвать его вручную из кода, который максимизирует / минимизирует ваше окно. 

Ext.create('Ext.window.Window', {
   title: 'Hello',
   height: 200,
   width: 400,
   layout: 'fit',
   x: 20,
   y: 20,
   items: {
      xtype: 'grid',
      border: false,
      columns: [{header: 'World'}],
      store: Ext.create('Ext.data.ArrayStore', {})
   }
}).show();
...