(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获得焦点后,用户可以通过键盘进行操作。例如,按下"0-1"、"A-Z"、"Enter"、"Backspace...
"datagrid键盘操作.zip"这个压缩包文件显然是针对如何在EasyUI的DataGrid上实现键盘监听事件进行的示例讲解。 EasyUI是一个轻量级的JavaScript库,它基于jQuery,为开发者提供了一系列的UI组件,如DataGrid、Form、...
在这个事件处理程序中,我们可以对每一行进行自定义操作,如添加JavaScript事件监听器。 以下是实现双击事件的基本步骤: 1. **声明事件处理方法**: 在C#后台代码中,我们需要定义一个处理DataGrid的...
本篇将深入探讨如何实现`DataGrid`控件的双击行事件,以便在用户双击某一行时触发特定的操作。 首先,我们要理解`DataGrid`的事件模型。`DataGrid`控件有多种内置事件,其中包括`CellDoubleClick`和`RowDoubleClick...
这同样需要监听键盘事件,特别是检测到Ctrl键的配合使用。实现这一功能可能涉及到重新排序整个数据集,然后更新datagrid的显示。EasyUI的API可能没有直接提供这样的功能,所以可能需要自定义处理逻辑。 3. **排序...
- **监听事件**:首先,我们需要为Datagrid的每一行添加`mouseover`和`mouseout`事件监听器。 - **获取行数据**:在`mouseover`事件触发时,我们可以获取当前行的数据,这通常通过`$(this).data()`或`$(this)....
【Datagrid键盘事件响应】 在.NET环境中,Datagrid控件是用于展示表格数据的重要组件。在用户交互过程中,键盘事件的响应是不可或缺的部分。Datagrid的键盘事件主要包括KeyPress、KeyDown和KeyUp,它们分别对应于...
双击事件是用户交互的一种常见触发机制,对于`DataGrid`控件,我们可以监听`CellDoubleClick`或`RowDoubleClick`事件来响应用户的双击操作。在代码中,你需要为`DataGrid`添加事件处理程序: ```csharp private ...
在本场景中,我们关注的是如何在Silverlight 4环境中,利用Visual Studio 2010和Windows XP系统,实现DataGrid控件对用户双击某一行时触发特定的事件。下面将详细介绍这一功能的实现过程及其相关的知识点。 首先,...
在这个场景中,"DataGrid 中加入图标"是一个重要的知识点,它涉及到如何在DataGrid的单元格或者行中添加图标,以增强数据的可视化效果。以下是对这个主题的详细解释。 首先,DataGrid通常用于展示结构化的数据,如...
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
通过监听方向键事件,可以使用户在DataGrid的不同单元格之间快速导航,无需使用鼠标或触控屏。这对于提高数据编辑速度和用户体验至关重要,尤其是在屏幕较小或操作空间有限的设备上。 ### 四、状态管理与异常处理 ...
当用户在`datagrid`中选择不同的行时,可以通过监听`CurrentCellChanged`事件来获取当前选中的行,并更新界面或执行其他逻辑处理。 #### 二、`CurrentCellChanged`事件详解 `CurrentCellChanged`事件是在`...
3. 进行事件处理:主DataGrid的ItemDataBound事件是一个关键的事件,可以在其中获取到内部DataGrid需要的数据,并对其进行绑定。 4. 处理分页和排序:嵌套的DataGrid可能需要独立的分页和排序功能,这需要在事件处理...
为了满足不同需求,开发者可以通过CSS调整DataGrid的外观,或通过监听DataGrid的事件(如`onClickRow`、`onDblClickRow`)来实现特定行为。 9. **性能优化** 在大数据量场景下,DataGrid支持虚拟滚动和延迟加载。...
结束编辑后,要确保保存的数据反映最新更改,我们需要监听`onAfterEdit`或`onBeforeSave`事件。`onAfterEdit`是在单元格编辑完成后触发,而`onBeforeSave`是在提交所有编辑前触发,适用于批量编辑的情况。以下是一个...
总的来说,`Wpf DataGrid`的多选、单选和反选功能可以通过设置控件属性、监听事件以及绑定数据来实现。`DataGridCheckBox`则提供了一种直观的方式来控制行的选中状态,提高了用户操作的便利性。理解并熟练应用这些...
例如,你可以监听ComboBox的SelectionChanged事件,以便在用户改变选择时更新数据模型。 最后,压缩包中的文件可能是相关教程或示例代码。"说明.htm"可能是对整个过程的详细解释,"代码中国.txt"和"代码中国.url...