从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/