TabWindow plugin, окно сворачиваемое/разворачиваемое в TabPanel

[AYShestakov]

Спасибо, но раз нет демо — описали бы на словах сам эффект.

[MyraJKee]

Ну… сейчас добавлю :) На самом деле эффект простой. Окно превращается в одну из вкладок на TabPanel и в обратную сторону, становится окошком

[MyraJKee]

Добавил описание, еще можно скачать архив, в нем полностью работоспособное демо. Библиотеки дергаются с dev.sencha.com

[FractalizeR]

А скриншот можно добавить? :)

[MyraJKee]

Да вроде бы тут есть же скриншот :)

[FractalizeR]

:) Спасибо. Видимо, не загрузился.

[mikemf]

«пока карма позволяет, спасибо плюсанувшим»

спасибо тебе, что правильно и со смыслом пишешь!

[no_smoking]

А почему бы не сделать плагином? Так можно будет к любому окну добавлять :)

[MyraJKee]

Плагином не получилось, были свои сложности. С другой стороны вашему компоненту достаточно наследовать от TabWindow, вместо Window, результат будет тот же

[no_smoking]

А если этот компонент сторонний то что делать его менять по сути дела этот функционал к окну не чего не добавляет а просто связывает два компонента по этому можно и плагином я уверен.

[MyraJKee]

Я хотел изначально сделать плагином, но были сложности с tools, я бы не смог кнопочку «прикрепить» сделать перед кнопками закрыть и развернуть на весь экран, поэтому что этого не позволяет сделать очередность вызовов initComponent, согласитесь, это не очень красиво. А извращаться например с position: absolute и координатами тоже не хотелось.

[medvoodoo]

Вам не кажется что конкретно вкладки подразумевают переключение между одноразмерными страницами(любые вкладки что в ежедневнике, что в примерах extjs, jquery и т.п), ваше расширение меня например ввело в ступор. Оно не логично.
А переключение между окнами аля десктоп виндовс давно (года 3 точно) реализовано в примере dev.sencha.com/deploy/dev/examples/desktop/desktop.html

[MyraJKee]

Мое приложение не аля десктоп. Главным компонентом там является TabPanel, куда прикажете сворачивать окна? :)

[medvoodoo]

я о том. что если вы работаете с окнами таб панели немного не уместны, они подразумевают все-таки, что вы переключаете окна ограниченные бордером таб панели, а не окна в середине этого бордера. Имхо, есть разница между закругленным со всех сторон боттоном обозначающим окно(все-равно где он находится) и таб панелью.

[MyraJKee]

На самом деле задача была вполне конкретной, сворачивать окна в табпанель, трансформируя при этом окно во вкладку (обычную панель прикрепленную к табпанели). Поэтому, раз моему начальству потребовалась реализация этой задачи на практике, возможно и еще кому-то пригодится.

[diamant]

>>конкретно вкладки подразумевают переключение между одноразмерными страницами
необязательно:


не всегда нужны большие окна

[medvoodoo]

пример посмотрели?? никто не спорит что переключение бывает нужно. Но при переключении вкладок подразумевается что вкладка отгораживается по линии(на вашем скриншоте это светлосерая Install VMvare) соответственно googlemail по логике находится под ней. все-таки пример посмотрите, он малость логичнее.

[MyraJKee]

Я вас не понял))

[VKS]

На форуме extjs присутствует вот такая реализация

[code]
Ext.override(Ext.Panel, {
makeDockable: function() {
var o = this.ownerCt;
if (!o || !(o instanceof Ext.TabPanel)) {
return;
}
Ext.fly(o.getTabEl(this)).on(«dblclick», this.undock, this);
},

undock: function() {
var h = this.getEl().getHeight();
var w = this.getEl().getWidth();
var o = this.ownerCt;
o.remove(this);
var win;
win = new Ext.Window({
renderTo: Ext.getBody(),
title: this.title,
constrain: true,
items: this,
tools: [{
id: 'pin',
qtip: 'Redock to original parent',
handler: function() {
win.remove(this);
o.add(this);
o.setActiveTab(this);
o.doLayout();
win.destroy();
this.makeDockable(); // The tab selector is new.
},
scope: this
}]
});
win.setHeight(h);
win.setWidth(w);
o.doLayout();
win.show();
}
});
[/code]

[MyraJKee]

Моя не создает новых инстансов панелей или окошек:)

[VKS]

Да вышеприведенный пример делает тоже самое, создает новое окно ( в вашем случае это new Ext.Helper.TabWindow() ), и производит манипуляции с табпанелью (this.tabpanel.remove / o.remove и this.tabpanel.add / o.add для вашего и моего примера соответсвенно). Разворачиваться это окошко также может, при добавлении ему свойства maximizable. А вот свойство minimizable ни в вашем, ни в вышеприведенном примере увы не поддерживается, так что про сворачивание я не понял.

[MyraJKee]

А где можно пример посмотреть? А то не совсем понял принцип работы

[MyraJKee]

Разобрался… Ну у меня в расширении при включении/выключении окна в табпанель, не создается каждый раз инстанс окна. У меня по сути окно трансформируется в панель и обратно из панели в окно.

[MyraJKee]

И да, моя сворачивается и разворачивается :)

[MyraJKee]

Обновил ссылку depositfiles.com/ru/files/38gxue87l
Исходного кода под 400 строк, немного многовато :)