Окно Webix - автонастройка

Я новичок в webix и у меня проблема с ui.window!

Для меня окно никогда не подстраивается под родительский элемент HTML. :(

Я хочу, чтобы окно имело ту же ширину и высоту, что и родитель (100%).

Что я делаю не так?

См. код во фрагментах кода Webix: http://webix.com/snippet/c5fe5e96.

Согласно документации:

«Размер и расположение окна

Обязательными параметрами окна являются ширина и высота. Если вы не установите [их], окно [...] будет занимать весь экран».

http://docs.webix.com/desktop__window.html

"adjust - подстраивает компонент под размер родительского HTML-контейнера"

http://docs.webix.com/api__link__ui.popup_adjust.html


window autosize webix
person Kermit    schedule 01.11.2015    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Виджеты Window и Popup работают для всего приложения, они не используют контейнер и не могут использовать .adjust.

Вы можете изменить размер окна на документ, используя полноэкранный режим.

var popup = webix.ui({
    view: "window",
    fullscreen:true,

http://webix.com/snippet/93a5e3ba

или с помощью свойства сложной позиции

var popup = webix.ui({
    view: "window",
    position:function(state){
      state.left = state.top = 10;
      state.width = state.maxWidth - 20;
      state.height = state.maxHeight-20;
    },

http://webix.com/snippet/164a3955

person Roman V.    schedule 02.11.2015
comment
Спасибо за ответ! Я нашел решение, благодаря которому окно наследует свой размер от родительского контейнера. - person Kermit; 03.11.2015

arrow_upward
1
arrow_downward

Мне удалось заставить окно наследовать размер контейнера HTML, получив размер контейнера HTML с помощью getNode(), а затем с помощью setPosition, config.width, config.height и resize().

См. пример ниже. http://webix.com/snippet/056b9610

person Kermit    schedule 03.11.2015