從Ext JS的面板

Question

我結合ExtJS的和劍道UI渲染劍道菜單 - 我知道這我離開這裏預訂;）

我渲染劍道菜單上的分機JS（4.2 1.1）產生Ext.form.Panel

小提琴：http://jsfiddle.net/blackfrancis75/5e6Lgtaj/1/

的問題是，在下拉項目（懸停）只得到內的Ext JS面板的邊界繪製。有沒有辦法讓下拉菜單顯示「所有內容」（我嘗試更改一些類z-order）？

Answer 1

這不是z-index問題。這是父母overflow: hidden問題。如果您擁有overflow: hidden CSS屬性的relatve容器，它將始終如此工作。對於劍道菜單簡單的解決方案，現在是將所有菜單相對家長溢出可見：

.x-panel, 
.x-panel-body { 
    overflow: visible; 
} 

喜歡這裏： http://jsfiddle.net/5e6Lgtaj/2/

但是你必須要注意，如果你想使用它作爲他們的滾動條或者實際上隱藏溢出這將是一個問題。

---

其他選項將被追加菜單body元素，但你會面臨更多的問題，那麼：喜歡寬鬆的造型（因爲它是從重要的類初始容器移動），JavaScript函數，以保持它在正確的位置，這將是更多的問題，那麼它是值得的。

這是第一步如何看起來像： http://jsfiddle.net/5e6Lgtaj/3/