如何创建菜单按钮，如图像链接所示，在现代工具包extjs 7.0中右击网格。

在现代工具包extjs 7.0中，要创建菜单按钮并实现右击网格的功能，可以按照以下步骤进行操作：

首先，确保已经引入了extjs 7.0的相关库文件。
创建一个网格组件，可以使用Ext.grid.Grid类来实现，设置好网格的列模型、数据源等属性。
在网格组件上添加右击事件监听器，可以使用grid.on('itemcontextmenu', handler)来监听右击事件。其中，handler是一个回调函数，用于处理右击事件。
在右击事件的回调函数中，创建一个菜单组件，可以使用Ext.menu.Menu类来实现。设置好菜单的项、点击事件等属性。
将菜单组件添加到右击事件的回调函数中，可以使用menu.showAt(event.getXY())来显示菜单。其中，event.getXY()用于获取鼠标右击的位置。

以下是一个示例代码：

// 创建网格组件
var grid = Ext.create('Ext.grid.Grid', {
  columns: [
    { text: '列1', dataIndex: 'field1' },
    { text: '列2', dataIndex: 'field2' },
    // 其他列配置...
  ],
  store: Ext.create('Ext.data.Store', {
    // 数据源配置...
  }),
  // 其他网格配置...
});

// 添加右击事件监听器
grid.on('itemcontextmenu', function(view, record, item, index, event) {
  event.preventDefault(); // 阻止默认的右击菜单弹出

  // 创建菜单组件
  var menu = Ext.create('Ext.menu.Menu', {
    items: [
      {
        text: '菜单项1',
        handler: function() {
          // 菜单项1的点击事件处理
        }
      },
      {
        text: '菜单项2',
        handler: function() {
          // 菜单项2的点击事件处理
        }
      },
      // 其他菜单项配置...
    ]
  });

  // 显示菜单
  menu.showAt(event.getXY());
});

通过以上步骤，就可以在现代工具包extjs 7.0中创建菜单按钮，并实现右击网格的功能。请注意，以上示例代码仅为演示目的，实际应用中可能需要根据具体需求进行适当调整。

关于extjs 7.0的更多详细信息和使用方法，可以参考腾讯云的产品介绍页面：extjs 7.0产品介绍