Question

我无法删除最新版本的行。我使用的是版本0.9.9。

这就是我的所作所为：

var $container = $("#add-table");
$container.handsontable(options);

var handsontable = $container.data('handsontable');
var data = handsontable.getData();
if(data.length > 1 && handsontable.isEmptyRow(data.length-1)) {
    handsontable.alter('remove_row', parseInt(data.length-1));
}

在Handsontable delete multiple rows上有一个类似的问题，但这并没有解决我的目的。此链接上的小提琴不适用于所提供的解决方案。

任何帮助都将不胜感激。

Answer 1

所以我猜你要删除一个空的最后一行？

确保未将minSpareRows设置为大于0的值（默认值）。如果minSpareRows大于零，则无法使用alter（＆＃39; remove_row＆＃39;）删除额外的行。

我用这个数据来模拟空的最后一行：

var myData = [
    ["", "Kia", "Nissan", "Toyota", "Honda"],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2010", 30, 15, 12, 13],
    ["",,,]
];

查看示例。当您单击del链接时，它会删除空的最后一行。希望这可以帮助你

Working Example

Answer 2

目前看来，getSelected()没有任何回报......

getSelected: function () { 
     //https://github.com/warpech/jquery-handsontable/issues/44 
     //cjl if (selection.isSelected()) { 
     //return [priv.selStart.row(), priv.selStart.col(), priv.selEnd.row(), priv.selEnd.col()]; 
     //} 
     }

这是一个很大的问题，因为 handsontable 引用了很多功能。但是，我们可以使用afterSelectionEnd event。

afterSelectionEnd (r: Number, c: Number, r2: Number, c2: Number)
  选择一个或多个单元格后（在鼠标向上时）触发回调。

参数：
  r选择开始行
  c选择开始列
  r2选择结束行
  c2选择结束列

根据API，

alter ('remove_row', index: Number, amount: Number (Optional), source: String (Optional))

删除给定索引处的行。默认金额等于1

这意味着为了使用alter('remove_row')，我们只需要提供索引。

这是我为获得理想结果而制作的working demo。

注意：

由于bug，我们需要在afterSelectionEnd event中添加一些逻辑。

JAVASCRIPT：

var myData = [ ["", "Kia", "Nissan", "Toyota", "Honda"], ["2008", 10, 11, 12, 13], ["2009", 20, 11, 14, 13], ["2010", 30, 15, 12, 13] ]; //declare row vars var row1 = null, row2 = null; var $container = $("#exampleGrid"); $container.handsontable({ data: myData, startRows: 5, startCols: 5, minSpareCols: 0, minSpareRows: 0, rowHeaders: true, colHeaders: true, contextMenu: true, afterSelectionEnd: function(x1, y1, x2, y2){ //add this because of bug if( (x1 <= x2 && y1 < y2) || (x1 < x2 && y1 <= y2) || (x1 == x2 && y1 == y2)) { row1 = x1; if(x1 == 0) row2 = parseInt(x2 + 1); else row2 = x2; } else if( (x1 >= x2 && y1 > y2) || (x1 > x2 && y1 >= y2)) { row1 = x2; if(x2 == 0) row2 = parseInt(x1 + 1); else row2 = x1; } else if(x1 < x2 && y1 > y2) { row1 = x1; row2 = x2; } else if(x1 > x2 && y1 < y2) { row1 = x2; row2 = x1; } } }); //gets instance of handsontable var instance = $container.handsontable('getInstance'); $('#delete').click(function(){ if(row1 != null){ if(row2 != null || row2 != row1 ){ instance.alter('remove_row', row1, row2); } else{ instance.alter('remove_row', row1); } row1 = null; row2 = null; }else{ alert('Please select a cell...'); } });

希望这有帮助，如果您还有其他需要，请告诉我们！

无法使用HandsOnTable删除行

2 个答案: