Как настроить ширину окна ExtJS в соответствии с его содержимым? - PullRequest
Новая
       16

Как настроить ширину окна ExtJS в соответствии с его содержимым?

1 голос
/ 22 марта 2012

Я использую ExtJs.

Есть ли способ отрегулировать ширину Ext.Window в соответствии с его элементами?

Высота автоматически настраивается на «авто», но width:'auto' расширяет ее до полного окна браузера. 

 var childPnl1 = { // 1
     frame: true,
     width: 350,
     height: 50,
     html: 'My First Child Panel',
     title: 'First children are fun'
 }
 var childPnl2 = { // 2
     width: 150,
     html: 'Second child',
     title: 'Second children have all the fun!'
 }
 new Ext.Window({
     renderTo: Ext.getBody(),
     items: [
         childPnl1,
         childPnl2,
         {
             title: '3rd',
             width: 400, //Maximum
             height: '150',
             frame: true
         }
     ]
 });

Теперь мне нужен способ, чтобы окно настраивало свою ширину на 400.

Одним из способов может быть итерация всех panels и затем получение самого правого края, но я хочу этого избежать.

1 Ответ

0 голосов
/ 22 марта 2012

Конечно, это расширится до полного окна браузера, почему бы вам не использовать общую переменную для item-width и window-width ?Кроме того, это даст вам гарантию того, что размер вашего окна не будет большим или маленьким, чем ширина элемента.Иногда в разных случаях autoWidth ведет себя по-разному.Поэтому предпочтительно использовать ручную ширину.

...