에서 검도 메뉴 렌더링 제가 여기 예약 떠난다 이것을 실현 .1) Ext.form.Panel난의 ExtJS 검도 UI 결합 하는데요 내선 JS 패널
바이올린을 생성 : http://jsfiddle.net/blackfrancis75/5e6Lgtaj/1/
문제는 호버의 드롭 다운 항목을()에만 내선 JS 패널의 경계 내에 그려 얻을 것입니다. 거기에 드롭 다운 항목을 모든 '앞에'(내가 클래스의 일부를 변경하려고 시도 z-order)을 보여줄 수있는 방법이 있나요?
이것은 z-index 호가 아닙니다. 부모 overflow: hidden 문제입니다. overflow: hidden CSS 속성을 가진 컨테이너를 relatve하면 항상 그렇게 작동합니다. 여기처럼
.x-panel,
.x-panel-body {
overflow: visible;
}
: 검도 메뉴에 대한 간단한 솔루션은 지금 눈에 보이는 모든 메뉴 상대 부모 오버 플로우 설정하는 것입니다 http://jsfiddle.net/5e6Lgtaj/2/
을하지만 당신은 조심해야합니다 당신은 그 (것)들에있는 스크롤바로 사용하려는 경우 또는 실제로 오버플로를 숨기면 문제가됩니다.
다른 옵션이 본문 요소에 메뉴를 추가 할 것입니다,하지만 당신은 더 후 문제를 직면하게 될 것이다 : 느슨한 스타일처럼 (가 중요한 클래스와 초기 컨테이너에서 이동 원인), 자바 스크립트 기능을 정확한 위치에 보관하고 그러면 가치가있는 것이 더 많은 문제가 될 것입니다.
이것은 다음과 같이 보일 수있는 첫 번째 단계입니다. http://jsfiddle.net/5e6Lgtaj/3/