Как создать перетаскиваемое окно ExtJS5?

Мне нужно создать окно, которое будет всегда видно, если оно не будет скрыто, нажав на значок. При повторном нажатии на этот значок окно снова появится. Значок должен застревать в верхнем левом углу окна и за окном. Я планирую создать окно без заголовка и с двумя пунктами 1: Кнопка для скрытия/показа и 2: фактическая панель. Сценарий можно найти по адресу: https://fiddle.sencha.com/#fiddle/bi7 Мне нужно сделать часть за кнопкой прозрачной. Есть ли способ сделать это?Как создать перетаскиваемое окно ExtJS5?

источник

2014-10-09 user1640256

Я думаю, вам нужно работать с css .. когда вы нажимаете show change css, чтобы сделать панель видимой inorder, чтобы она показывалась ... аналогичным образом измените css, чтобы скрыть .., когда вы делаете это, не делайте никаких изменений es для кнопки –

Вы сделали бы это вручную, в идеале с классами CSS. Следующее - грубое, используя встроенный стиль, но работает. Добавьте следующие слушателей атрибут вашей кнопки

{ 
    xtype: 'button', 
    ... 
    listeners: { 
     click: function(){ 
      var panel = Ext.getCmp("togglePanel"); 
      if (panel.el.dom.style.display == "none") { 
       panel.el.dom.style.display = "block"; 
      } else { 
       panel.el.dom.style.display = "none"; 
      } 
     } 
    } 
}

и включают в себя идентификатор «togglePanel к вашей зеленой панели, содержащей ползунок

id: "togglePanel",

Нажатие кнопки будет показывать/скрыть панель

источник

2014-10-23 13:09:46

Это уже сделано. В любом случае, спасибо за вашу помощь :) – user1640256

Как создать перетаскиваемое окно ExtJS5?

ответ

Смежные вопросы