kendoGrid 选中上一行、下一行
2017-12-19 14:42
351 查看
[2017-12-20]
var grid = $("#gridMaster").data("kendoSmartGrid");
grid.select(grid.select().next()); // 選中當前行的下一行
这种写法的好处就是不用考虑Grid Header的行数,也不用关心select()取索引由0开始,select()选中索引由1开始等部问题
[2017-12-19]
var grid = $("#gridMaster").data("kendoSmartGrid");
var row = grid.select(); // 取當前行。 注意:select()取索引由 0 開始
var grid_header_row = 1; // Grid Header 的行數
var idx = 1 + grid_header_row + row.index() + 1; // 下一行索引(下一行 = 1(兩個select()的差異數) + [Grid Header 的行數] + [當前行索引] + 1)
//或
//var idx = 1 + grid_header_row + row.next().index();
grid.select("tr:eq(" + idx + ")"); // 選中下一行。注意:select()選中行,由1 開始并且要加上Grid Header的行數
来个完整的方法
var grid = $("#gridMaster").data("kendoSmartGrid");
grid.select(grid.select().next()); // 選中當前行的下一行
这种写法的好处就是不用考虑Grid Header的行数,也不用关心select()取索引由0开始,select()选中索引由1开始等部问题
[2017-12-19]
var grid = $("#gridMaster").data("kendoSmartGrid");
var row = grid.select(); // 取當前行。 注意:select()取索引由 0 開始
var grid_header_row = 1; // Grid Header 的行數
var idx = 1 + grid_header_row + row.index() + 1; // 下一行索引(下一行 = 1(兩個select()的差異數) + [Grid Header 的行數] + [當前行索引] + 1)
//或
//var idx = 1 + grid_header_row + row.next().index();
grid.select("tr:eq(" + idx + ")"); // 選中下一行。注意:select()選中行,由1 開始并且要加上Grid Header的行數
来个完整的方法
moveRow: function (move) { var that = this; var grid = $("#gridMaster").data("kendoSmartGrid"); var len = grid._data.length; var row = grid.select(); //因為index是從0開始,而grid.select()是從1開始,所以select時的index需要加1 if (move == "up") { var rowIndex = row.prev().index() + 1; if (rowIndex == 0) { myUI.showMsg('已到頂行!', "系統提示", "ok", "warning", null); grid.select('tr:eq(1)'); } else { grid.select('tr:eq(' + rowIndex + ')'); } return that.returnData(); } if (move == "down") { var rowIndex = row.next().index() + 1; if (rowIndex == 0) { myUI.showMsg('已到最後一行!', "系統提示", "ok", "warning", null); grid.select('tr:eq(' + len + ')'); } else { grid.select('tr:eq(' + rowIndex + ')'); } return that.returnData(); } }, returnData: function () { var grid = $("#gridMaster").data("kendoSmartGrid"); var row = grid.select(); var dataItem = grid.dataItem(row); return dataItem; }
相关文章推荐
- 在GridControl中如何选中某一行中的某一列
- 实现从Grid中选中一行在FreeForm中显示
- GXT grid 设置某一行被选中, 并把选中的行放在可视的范围
- kendo ui grid 创建一行数据多次添加(kendo ui grid datasource multiple create)
- EXT默认让Grid选中一行
- extjs4.2 -- 选中grid表格中一行Model知识
- grid 默认选中一行
- DevExpress实现GridControl根据列选中一行
- Ext:gridPanel 在js中实现获取选中一行/多行的某列值
- KenDoTreeview刷新后展开的节点和选中的节点不变(KenDoTreeview中的数据通过KenDoGrid来进行保存、删除)
- 如何在数据窗口中加入一列空列做为选中一行的标志?
- 获取DataGridView上选中的一行并转换为一个DataRow类型
- DataGridView中CellClick的使用,选中一行触发的动作可以在这个方法里执行
- 我们项目中对Ext.gird.EditorGridPanel是如何添加一行,删除一行的
- IOS 直接选中tableView的最后一行
- devExpress GridControl repositoryItemCheckEdit 设置值对应的选中状态
- 选中DataGridView控件的某一行并将其位置滚动到当前选中行
- kendo grid 的小例子
- EasyUI TreeGrid删除选中行
- kendoGrid 通Click事件获取行列(Cell)信息