`
zhanyu1984
  • 浏览: 72989 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

datagrid加入键盘监听事件

阅读更多
(function ($) {
    $.fn.ggrid = function (options) {
        $(this).datagrid(options);

        var grid = this;

        //键盘监听
        $(window).keydown(function (event) {
            var currentRowIndex = $(grid).datagrid("getRowIndex", $(grid).datagrid("getSelected"));
            switch (event.keyCode) {
                case 38:
                    $(grid).datagrid("unselectAll");
                    var allLins = $(grid).datagrid("getRows").length;
                    currentRowIndex = currentRowIndex == 0 ? allLins : currentRowIndex-1;
                    $(grid).datagrid("selectRow", currentRowIndex );
                    break;
                case 40:
                    $(grid).datagrid("unselectAll");
                    var allLins = $(grid).datagrid("getRows").length;
                    currentRowIndex = currentRowIndex == allLins ? 0 : currentRowIndex+1;
                    $(grid).datagrid("selectRow", currentRowIndex );
                    break;
            }
        });
        return grid;
    }
})(jQuery);
分享到:
评论

相关推荐

    Datagrid键盘事件响应

    本文将详细讲解Datagrid键盘事件响应,包括Datagrid整体和单元格两个层面。 首先,我们来看Datagrid上的键盘响应。当Datagrid获得焦点后,用户可以通过键盘进行操作。例如,按下"0-1"、"A-Z"、"Enter"、"Backspace...

    datagrid键盘操作.zip

    "datagrid键盘操作.zip"这个压缩包文件显然是针对如何在EasyUI的DataGrid上实现键盘监听事件进行的示例讲解。 EasyUI是一个轻量级的JavaScript库,它基于jQuery,为开发者提供了一系列的UI组件,如DataGrid、Form、...

    C#实现给DataGrid单元行添加双击事件的方法

    在这个事件处理程序中,我们可以对每一行进行自定义操作,如添加JavaScript事件监听器。 以下是实现双击事件的基本步骤: 1. **声明事件处理方法**: 在C#后台代码中,我们需要定义一个处理DataGrid的...

    Datagrid实现双击行事件

    本篇将深入探讨如何实现`DataGrid`控件的双击行事件,以便在用户双击某一行时触发特定的操作。 首先,我们要理解`DataGrid`的事件模型。`DataGrid`控件有多种内置事件,其中包括`CellDoubleClick`和`RowDoubleClick...

    easyUI datagrid 实现行上移,下移,置顶,置底,排序提交后台绑定键盘事件

    这同样需要监听键盘事件,特别是检测到Ctrl键的配合使用。实现这一功能可能涉及到重新排序整个数据集,然后更新datagrid的显示。EasyUI的API可能没有直接提供这样的功能,所以可能需要自定义处理逻辑。 3. **排序...

    easyui datagrid 增加鼠标悬停弹窗事件

    - **监听事件**:首先,我们需要为Datagrid的每一行添加`mouseover`和`mouseout`事件监听器。 - **获取行数据**:在`mouseover`事件触发时,我们可以获取当前行的数据,这通常通过`$(this).data()`或`$(this)....

    Datagrid键盘事件响应与水晶报表使用总结

    【Datagrid键盘事件响应】 在.NET环境中,Datagrid控件是用于展示表格数据的重要组件。在用户交互过程中,键盘事件的响应是不可或缺的部分。Datagrid的键盘事件主要包括KeyPress、KeyDown和KeyUp,它们分别对应于...

    DataGrid双击事件&取值

    双击事件是用户交互的一种常见触发机制,对于`DataGrid`控件,我们可以监听`CellDoubleClick`或`RowDoubleClick`事件来响应用户的双击操作。在代码中,你需要为`DataGrid`添加事件处理程序: ```csharp private ...

    silverlight dataGrid 模拟双击一行事件

    在本场景中,我们关注的是如何在Silverlight 4环境中,利用Visual Studio 2010和Windows XP系统,实现DataGrid控件对用户双击某一行时触发特定的事件。下面将详细介绍这一功能的实现过程及其相关的知识点。 首先,...

    DataGrid 中加入图标

    在这个场景中,"DataGrid 中加入图标"是一个重要的知识点,它涉及到如何在DataGrid的单元格或者行中添加图标,以增强数据的可视化效果。以下是对这个主题的详细解释。 首先,DataGrid通常用于展示结构化的数据,如...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    Wince下 DataGrid编辑并捕捉键盘上下左右移动

    通过监听方向键事件,可以使用户在DataGrid的不同单元格之间快速导航,无需使用鼠标或触控屏。这对于提高数据编辑速度和用户体验至关重要,尤其是在屏幕较小或操作空间有限的设备上。 ### 四、状态管理与异常处理 ...

    datagrid curentchange事件

    当用户在`datagrid`中选择不同的行时,可以通过监听`CurrentCellChanged`事件来获取当前选中的行,并更新界面或执行其他逻辑处理。 #### 二、`CurrentCellChanged`事件详解 `CurrentCellChanged`事件是在`...

    DataGrid中嵌套DataGrid

    3. 进行事件处理:主DataGrid的ItemDataBound事件是一个关键的事件,可以在其中获取到内部DataGrid需要的数据,并对其进行绑定。 4. 处理分页和排序:嵌套的DataGrid可能需要独立的分页和排序功能,这需要在事件处理...

    jeasyui-datagrid-datagrid

    为了满足不同需求,开发者可以通过CSS调整DataGrid的外观,或通过监听DataGrid的事件(如`onClickRow`、`onDblClickRow`)来实现特定行为。 9. **性能优化** 在大数据量场景下,DataGrid支持虚拟滚动和延迟加载。...

    Wpf datagrid 多选、单选、反选

    总的来说,`Wpf DataGrid`的多选、单选和反选功能可以通过设置控件属性、监听事件以及绑定数据来实现。`DataGridCheckBox`则提供了一种直观的方式来控制行的选中状态,提高了用户操作的便利性。理解并熟练应用这些...

    DataGrid中加入ComboBox的源码

    例如,你可以监听ComboBox的SelectionChanged事件,以便在用户改变选择时更新数据模型。 最后,压缩包中的文件可能是相关教程或示例代码。"说明.htm"可能是对整个过程的详细解释,"代码中国.txt"和"代码中国.url...

    easyui datagrid在编辑状态下更新列的值

    结束编辑后,要确保保存的数据反映最新更改,我们需要监听`onAfterEdit`或`onBeforeSave`事件。`onAfterEdit`是在单元格编辑完成后触发,而`onBeforeSave`是在提交所有编辑前触发,适用于批量编辑的情况。以下是一个...

Global site tag (gtag.js) - Google Analytics