javascript - extjs 4 - 样式化 Ext.menu.Menu( float )

Question

我正在尝试向 float 的 Ext.menu.Menu 添加一些样式。具体来说，我希望创建一个显示在组件下方的菜单，并在顶部显示一个小三 Angular 形，类似于找到的 css 语音气泡 here

我已尝试使用 CSS 设置菜单样式，但我无法使用生成的 CSS 显示三 Angular 形。关于我可能需要重写以使其正常工作的任何想法？

Answer 1

您应该使用 componentCls 添加一个类名。尝试这样的事情:

Ext.create('Ext.menu.Menu', {
    ... // some configs

    componentCls: 'floatingMenu',

    ... // other configs
});

然后你应该能够添加你的css样式

.floatingMenu {
    // properties
}

希望这对您有所帮助!

引用:http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.menu.Menu-cfg-componentCls