如何隐藏Extjs按钮中的菜单箭头

Question

根据extjs 6.5的docs，将arrow属性设置为false应该隐藏菜单的箭头。我试过这个但仍无法隐藏箭头。我应该做一些额外的步骤吗？

    var filterMenu = Ext.create('Ext.menu.Menu', {
        items: menuItems
    });


    var button = Ext.create('Ext.Button', {
        iconCls: 'fa fa-filter',
        arrow: false, //this should disable
        menu: filterMenu
    });

Result

谢谢

Answer 1

您的问题是您引用了现代工具包的文档，但在您的标记中，您告诉您使用经典工具包（并且屏幕截图看起来也像经典工具包）。

您引用的arrow配置仅在现代工具包中提供。

经典工具包没有arrow配置;相反，您可能想尝试arrowVisible配置。

Answer 2

您可以设置split：false来隐藏箭头。您也可以使用Ext.button.Button而不是Ext.button.Split - 当分配菜单时，箭头显示。