grid 表头鼠标事件

最新推荐文章于 2022-09-14 14:05:27 发布

zyuanq

最新推荐文章于 2022-09-14 14:05:27 发布

阅读量695

点赞数

分类专栏： ext基础文章标签： EXT HTML

本文链接：https://blog.csdn.net/zyuanq/article/details/83723038

版权

ext基础专栏收录该内容

72 篇文章 0 订阅

订阅专栏

grid.addListener("cellclick", cellclick);
function cellclick(grid, rowIndex, columnIndex, e) {
    var record = grid.getStore().getAt(rowIndex);   //Get the Record
    var fieldName = grid.getColumnModel().getDataIndex(columnIndex); //Get field name
    var data = record.get(fieldName);
    Ext.MessageBox.alert("show","当前选中的数据是"+data);
}

headermousedown ( Grid this, Number columnIndex, Ext.EventObject e ) 
//当头部被单击之前触发。
  headerclick ( Grid this, Number columnIndex, Ext.EventObject e ) 
头部（header）被单击时触发

4.如何做Grid中做出快捷菜单效果：

grid.addListener("rowcontextmenu", rightClickFn);//右键菜单代码关键部分
var rightClick = new Ext.menu.Menu({
    id:"rightClickCont", //在HTML文件中必须有个rightClickCont的DIV元素
    items: [
        {
            id: "rMenu1",
            handler: rMenu1Fn,//点击后触发的事件
            text: "右键菜单1"
        },
        {
            //id: "rMenu2",
            //handler: rMenu2Fn,
            text: "右键菜单2"
        }
    ]
});
function rightClickFn(grid,rowindex,e){
    e.preventDefault();
    rightClick.showAt(e.getXY());
}
function rMenu1Fn(){
   Ext.MessageBox.alert("right","rightClick");
}