ExtJS5 draggable window를 만드는 방법은 무엇입니까?

아이콘을 클릭하여 숨김으로 설정하지 않으면 항상 표시되는 창을 만들어야합니다. 아이콘을 두 번 클릭하면 창이 다시 나타납니다. 아이콘은 창의 왼쪽 위 모서리와 창 바깥쪽에 붙어 있어야합니다. 제목이없는 창을 만들고 두 개의 항목 1 : 숨기기/표시 할 단추 및 실제 패널 2 : 창을 만들 계획입니다. 바이올린은 다음에서 찾을 수 있습니다. https://fiddle.sencha.com/#fiddle/bi7 버튼 뒤에있는 부분을 투명하게 만들어야합니다. 그렇게 할 수있는 방법이 있습니까?ExtJS5 draggable window를 만드는 방법은 무엇입니까?

출처

2014-10-09 user1640256

나는 당신이 CSS로 일해야한다고 생각해. .. 쇼를 클릭하면 show를 보이도록 inode를 볼 수 있도록 CSS를 바꾼다. 마찬가지로 ... 숨길 CSS를 바꾼다. 단추를위한 것 –

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"; 
      } 
     } 
    } 
}

에 속성을 다음 청취자를 추가하고 표시합니다 버튼을 클릭 슬라이더

id: "togglePanel",

가 포함 된 녹색 패널에 ID 'togglePanel 포함/당신의 패널을 숨길

출처

2014-10-23 13:09:46

그것은 이미 행해졌 다. 어쨌든, 당신의 도움을 주셔서 감사합니다 :) – user1640256

ExtJS5 draggable window를 만드는 방법은 무엇입니까?

답변

관련 문제