오버레이를 사용할 때 어떻게 'sencha'selectfield를 볼 수 있습니까?

Question

현재 버튼을 누르면 오버레이가 표시되는 설정이 있습니다. 다음과 같은 오버레이 보이는 :

this.popup = new Ext.Panel({ 
    floating: true, modal: true, centered: true, width: 600, height: 400, 
    items: [ 
     { 
      xtype: 'toolbar', 
      title: 'Custom Search', 
      docked: 'top' 
     }, 
     new Ext.field.Select({ 
      label: 'abc', name: 'asz', options: [...] 
     }) 
    ] 
}); 

을 이제 선택 메뉴를 클릭 할 때, 문제는, 내 오버레이에서 하나의 selectfield이 볼 수 있듯이, 선택 메뉴가 오버레이 뒤에 나타납니다. 나는 모든 종류의 해킹 트릭을 쓸데없이 시도했다. 나는 zIndex 값을 조정하려고 시도했지만, 변경되지 않았거나 차이를 만드는 것처럼 보이기 때문에 sencha의 기본값으로 다시 변경됩니다.

나는 초심자에서 셀렉트 필드를 오버레이 위에 놓으려고 너무 많은 시간을 할애 할 수 있다고 생각하지 않았습니다. 이 문제는 귀하의 질문에 충분한 정보]를 포함하지 않는

모두 오버레이 & selectfield 코드

는 기본적으로 여기 http://dev.sencha.com/deploy/touch/examples/kitchensink/

Answer 1

1.x 또는 2.x를 말하는지 확실하지 않습니다. Ext.field.Select는 2.x 클래스이지만, 1.x 예제를 가리키고 있습니다.

Sencha Touch 2에 대해 이야기하고 있다면 코드가 올바르게 작동해야합니다. 그러나 그것이 작동하지 않는 PR 중 하나에 버그가 있다는 것을 알고 있습니다.

나는 베타 3이 테스트 한 제안 일 : 당신이 센차 터치 (1)에 대해 이야기하는 경우

this.popup = Ext.create('Ext.Panel', { 
    floating: true, 
    modal: true, 
    centered: true, 
    width: 600, 
    height: 400, 
    items: [ 
     { 
      xtype: 'toolbar', 
      title: 'Custom Search', 
      docked: 'top' 
     }, 
     Ext.create('Ext.field.Select', { 
      label: 'abc', 
      name: 'asz', 
      options: [{ 
       text: 'asd', value: '1' 
      }] 
     }) 
    ] 
}); 

Ext.Viewport.add(this.popup); 
this.popup.show(); 

, 당신은 선택 도구의 z 인덱스를 수정해야합니다. Chrome을 사용하여 className이 무엇인지 파악하고 (아마도 .x-picker) Z- 색인을 999과 같은 것으로 설정하십시오.

Answer 2

에서 찍은 두 크롬 & 사파리 (아이 패드)에서 발생하는 것 같습니다. 하지만 네가 뭔가를 놓친 것 같아.

when you set z-index property, you should make sure the overlay is positioned(absolute, relative, fixed).

당신은 위치 속성을 추가하고 다시 테스트 할 수 있습니다. 어쩌면 그것은 당신을 위해 일할 수도 있습니다.