`
qinya06
  • 浏览: 595399 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

grid 表头 鼠标事件

阅读更多
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");
}
分享到:
评论

相关推荐

    修改DataGrid表头样式

    这里我们通过鼠标进入事件改变列头的背景色和字体样式,然后在OnColumnHeaderPaint事件中进行自定义绘制。 **进阶技巧** 1. **模板样式**:WPF允许使用DataTemplate来定义复杂表头,可以包含图片、按钮等元素,...

    PB自动美化grid风格的dw(grid自动转成tabular)

    总结,通过PB的自定义脚本或插件,我们可以实现grid风格数据窗口的自动美化和转换,包括自动画线、支持列宽拖动、多表头等功能,提升用户体验。同时,理解并掌握PB的美化技巧和性能优化方法,对于创建高效、美观的...

    Ext表格(Grid)上面的悬浮提示

    NULL 博文链接:https://laodaobazi.iteye.com/blog/1064607

    jquery网页表格插件pqgrid-2.4.1.zip

    PQGrid就是这样一款优秀的jQuery表格插件,它在2.4.1版本中展现出了其强大而灵活的功能,包括排序、列拖动、表头搜索以及自定义显示列头等特性。本文将深入探讨PQGrid的核心功能和应用,以便开发者更好地理解和利用...

    REUSE_ALV_GRID_DISPLAY超详细讲解

    * i_callback_user_command:鼠标事件操作子程序 * it_events:出口程序触发事件 * i_callback_html_top_of_page:ALV 输出表头设置 * i_grid_settings:打印表头设置 * it_sort:排序设置 Fieldcat数据类型: ...

    vc 多表头表格控件

    - **标题提示**:标题提示功能可以在鼠标悬停在某一列上时显示详细信息,有助于用户理解列的含义。 2. **关键文件解析** - **VirtualGridDemo.aps**:这是项目工程文件,包含项目的编译和链接设置,用于构建和...

    支持多表头及单元格合并的StringGrid

    支持列头点击排序, 记录Filter过滤显示 并增加OnEnterCell与OnLeaveCell事件,可得知鼠标光标是否经过某格 支持在设计期间进行编辑,支持直接打印、预览,对于超宽部分能够自动分页。以上有部份功能暂时还未完成。...

    SlickGrid基于jQuey的ui插件

    6. **选择机制**:支持行选择、多行选择和全选,可以通过键盘和鼠标进行操作,同时提供了选择事件的回调,方便监听和处理用户的选择行为。 7. **排序与过滤**:内置了排序和过滤功能,可以快速对数据进行排序和筛选...

    功能非常齐全的Grid Control

    7. 鼠标和键盘事件处理:Grid Control可以捕捉用户的鼠标和键盘操作,为开发者提供了丰富的事件处理机制,以便扩展和定制功能。 8. 分页功能:对于大数据集,Grid Control通常会实现分页功能,以提高性能并避免一次...

    网格类Grid

    - **多级表头**:支持多级的表头,以表示数据的层次关系。 - **嵌套Grid**:在一个单元格内嵌套另一个Grid控件,用于更复杂的布局和数据展示。 5. **第三方Grid控件** - VC++标准库中可能没有提供功能完备的Grid...

    Delphi美化DBGrid控件表头、格线及颜色等,纯Delphi代码..rar

    这需要处理OnMouseEnter和OnMouseLeave事件,以及可能的OnMouseMove事件来跟踪鼠标位置。 6. **编辑样式**:DBGrid允许用户直接在单元格中编辑数据,可以自定义编辑框的样式,如输入框的边框、字体等。 7. **排序...

    Ext.grid.GridPanel属性祥解

    - 说明:布尔值,决定是否在鼠标悬停时高亮显示行。 - 示例:`trackMouseOver: true` #### 三、Ext.grid.GridPanel主要方法 1. **getColumnModel()** - 说明:获取当前表格的列模型。 2. **getSelectionModel()...

    基于VFP基类Grid开发的用于程序开发的工具类

    2、多层表头的实现 使用方法,设置每列的Header1的caption属性, 各层标题间用|分开即可,可参照示例所示。 3、输出到Excel,将当前Grid显示内容输出到Excel中 使用方法,可参照示例表单的“输出到Excel”按钮...

    EXTGrid属性方法

    - **trackMouseOver**: 是否跟踪鼠标悬停事件,默认为`true`。 #### 二、常用操作方法 - **getColumnModel()**: 获取当前使用的列配置模型。 - **getSelectionModel()**: 获取当前的选择模式。 - **getStore()**: ...

    响应式表格控件(DESTINY Grid) 1.1.9.zip

    8.追加表头、扩展按钮单元格鼠标样式为pointer。9.文档加入英文版,通过首页判断浏览器加载文档语言,文档可以针对语言切换。10.解决进度条与数据加载完成不同步的问题,统一延时100毫秒。11.示例的高级功能中加入...

    判断鼠标点击所在表格的第几行以及删除表格的行

    2. `$('#myTable tbody')`选择表格的tbody部分,因为我们要监听的是表格的行点击事件,而不是表头。 3. `.on('click', 'tr', function(event) {...})`设置了一个点击事件监听器,当tbody内的任何tr元素被点击时,将...

    dhtmlxgrid 强大的表格控件

    优美的表格化数据显示,用户可用鼠标拖动方便地改变各列的宽度 支持客户端表格排序,只需单击要排序列的表头。并且支持设置列的数据类型(数字、字符串、日期),按类型排序 页面所有数据操作全部采用Ajax技术后台...

    ALV常用参数的详细描述1

    i_callback_user_command = \'USER_COMMAND\' 鼠标事件操作子程序 it_events = i_events[] 出口程序触发事件 i_callback_html_top_of_page = \'ALV_TOP_OF_PAGE\' ALV输出表头设置 i_grid_settings = wl_lvc_s_...

    dhtmlXGrid

    1. **优美显示**:dhtmlXGrid能够呈现精美的表格布局,用户可以通过鼠标轻松调整列宽,提升用户体验。 2. **客户端排序**:用户只需点击表头即可实现数据的升序或降序排序。同时,控件支持根据列的数据类型(如数字...

    Web表格控件[参照].pdf

    11. 支持程序员对编辑器的各种事件进行处理:SmartGrid支持程序员对编辑器的各种事件进行处理,如初始化、校验等。 12. 数据校验:SmartGrid支持程序员在客户端对所输入的数据进行校验,无需向服务器提交校验,大大...

Global site tag (gtag.js) - Google Analytics