javascript - 如何在extjs中制作菜单和工具栏?

标签 javascript extjs

我是 Extjs 的新手。我想知道。我可以使用哪些组件来制作像桌面应用程序中一样的菜单和工具栏? 我的意思是这样的。 enter image description here

我编写了这段代码,但结果与桌面应用程序菜单不相似。

Ext.define('untitled.view.main.Main', {
extend: 'Ext.panel.Panel',
xtype: 'app-main',

width: 200,
height: 150,
tbar: [{
    xtype: 'button',
    text: 'Select',
    menu:   Ext.create('Ext.menu.Menu', {
        items: [{
            text: 'JavaScript',
            handler: function () {
                alert('Selected JavaScript');
            }
        }, {
            text: 'Java',
        }, {
            text: 'C/C++'
        }]
    })
}]

});

新--------

enter image description here

非常感谢您,还有最后一个问题。我怎样才能删除这个箭头?

最佳答案

这是给你的 fiddle - desktop-like toolbar (使用您的iconCls作为图标按钮)。

询问您是否需要更新。

关于javascript - 如何在extjs中制作菜单和工具栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34204444/

相关文章:

Javascript - 使用 sessionStorage 与变量

javascript - 将 SVG 转换为 jQuery 函数

html - 我无法使用 html 和 css 在 Sencha Architect 中设置图标大小的样式

javascript - 内容完成时停止无限滚动

javascript - Three.js tween camera.lookat

javascript - EXTJS 6.0.2 - 文件字段的禁用按钮不起作用

扩展。通过单击不在窗口中关闭弹出窗口

javascript - EXTJS 3、如何手动控制分页事件?

javascript - 为什么我的收藏中的项目没有显示在页面上? ( meteor )

javascript - ASP.Net - 无效的 Json 字符串