无标题页 .panel_icon11 { background-image:url(images/first.webp)} .center_icon { backg"/>
热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

ExtJs grid行 右键菜单的两种方法

2023-01-03 00:38:06

ExtJs grid行 右键菜单的两种方法

ExtJs grid行 右键菜单的两种方法，需要用extjs制作右键菜单的朋友可以参考下。

在这下边: 方法一
复制代码 代码如下:

< Page Language="C#" AutoEventWireup="true" CodeFile="gridContextMenu.aspx.cs" Inherits="gridContextMenu"



无标题页

















给 Extjs grid 加入右键菜单方法二。
复制代码 代码如下:

grid.on("rowcontextmenu", function (grid, rowIndex, e) {
e.preventDefault();
if (rowIndex <0) { return; }
var treeMenu = new Ext.menu.Menu
([
{
xtype: "",
text: "详细",
iconCls: 'context-dog',
pressed: false,
handler: function () {
//获得行数据
var record = grid.getStore().getAt(rowIndex);
//open_receive_detailWindow(record.data.smsIndex);
alert(record.data.company);
//record.data.taskId
}
}, {
xtype: "",
text: "删除",
iconCls: 'context-cat',
pressed: false,
handler: function () {
//获得行数据
var record = grid.getStore().getAt(rowIndex);
alert(record.data.company);
}
}
]);
treeMenu.showAt(e.getXY());
});

以上就是ExtJs grid行 右键菜单的两种方法的详细内容，更多请关注易知道|edz.cc其它相关文章！

右键菜单方法参考下边两种

推荐阅读