10.0.5.0 表格如何选择前50行，如何反选行

Tony.Fu

本帖最后由 maki 于 2026-1-27 17:31 编辑

表格开启了选择列，能一键全选，如何实现，在表格上方增加一个输入框，输入多少数字，就选择多少行，如果输入数字超出行数据，就弹框提醒？以及如何，实现表格的反选功能。

Tony.Fu · Tony.Fu

本帖最后由 Tony.Fu 于 2026-1-28 17:03 编辑

maki您好，这个问题我们又调查了下，发现性能瓶颈其实在【勾选时界面的重新绘制】，属于是Spreadjs上常见的问题了
因此优化的思路也是【暂停界面绘制】→【尽可能少的勾选】→【重新绘制】的方案，例如用JavaScript执行：

var page = Forguncy.Page;
var listview = page.getListView("表格1");
var rowCount = listview.getRowCount();
var selectedIndexes = listview.getSelectedRowIndexs();
var selectedSet = new Set(selectedIndexes);
var sheet = listview.getControl().getActiveSheet();
// ↓关键，暂停SpreadJS的界面绘制
sheet.suspendPaint();
var selectedCount = selectedIndexes.length;
var unselectedCount = rowCount - selectedCount;
//对比下哪部分多，只操作少的部分最大化提升性能
if (unselectedCount < selectedCount) {
// 反选：只选中“原来没选中的”
listview.clearAllSelectedRows();
for (var i = 0; i < rowCount; i++) {
if (!selectedSet.has(i)) {
listview.addSelectedRow(i);
}
}
} else {
// 反选：先全选，再清除原来选中的
listview.selectAllRows();
selectedIndexes.forEach(function (index) {
listview.clearSelectedRow(index);
});
}
sheet.resumePaint();

复制代码

测试优化后500条的反选大概200毫秒以内

参考的是Spreadjs的性能优化FAQ
https://demo.grapecity.com.cn/sp ... e-optimize-project2

Simon.Sun · Simon.Sun

您好，初步的方案是借助表格操作命令去循环增加选择行：

demo 见附件，可以参考下能否满足您的需求。

maki · maki

Simon.Sun 发表于 2026-1-27 17:48
您好，初步的方案是借助表格操作命令去循环增加选择行：

demo 见附件，可以参考下能否满足您的需求。

感谢大佬的回复，用循环我也想到过。奈何实际业务中有个变态的地方就是，有时候订单数量只有几十个那还好，有时候订单有几千个。毕竟是制造业嘛，选择前2000个，这时候就要循环几秒钟。页面就会卡住。顺便问一下大佬，反选怎么搞。实际情况还有这种，先做2000个，后面还有别人来做另外2000个。这时候，前两千个已经选中了。就需要用到反选。

Shawn.Liu · Shawn.Liu

maki 发表于 2026-1-27 18:02
感谢大佬的回复，用循环我也想到过。奈何实际业务中有个变态的地方就是，有时候订单数量只有几十个那还 ...

反选尝试一下JS的方案，获取选择行列表，之后循环判断不在选择行列表中的行再次选中。

let listview = Forguncy.Page.getListView("表格1");
let rowCount = listview.getRowCount();
let selectedRowsIndexs = listview.getSelectedRowIndexs();
listview.clearAllSelectedRows();
for (let i = 0; i < rowCount; i++) {
if (selectedRowsIndexs.indexOf(i) === -1) {
listview.addSelectedRow(i);
}
}

复制代码

maki · maki

Shawn.Liu 发表于 2026-1-27 18:12
反选尝试一下JS的方案，获取选择行列表，之后循环判断不在选择行列表中的行再次选中。

感谢大佬的回复，这个代码有用。依然是，数量多了以后，会比较卡。

Shawn.Liu · Shawn.Liu

maki 发表于 2026-1-28 13:58
感谢大佬的回复，这个代码有用。依然是，数量多了以后，会比较卡。

这个可能是避免不了的，代码逻辑本身是正确的反选，从代码侧优化的空间不是很大，可以在检测当前行i是否在已选行数组中时，将其切换为Set来优化一点查询速度，但在大数据量面前效果不太显著，只能考虑分页等方式在业务和反选之间做一些平衡。

let listview = Forguncy.Page.getListView("表格1");
let rowCount = listview.getRowCount();
let selectedRowsIndexs = listview.getSelectedRowIndexs();
let selectedSet = new Set(selectedRowsIndexs);
listview.clearAllSelectedRows();
let unselectedCount = rowCount - selectedRowsIndexs.length;
if (unselectedCount < selectedRowsIndexs.length) {
for (let i = 0; i < rowCount; i++) {
if (!selectedSet.has(i)) {
listview.addSelectedRow(i);
}
}
} else {
listview.selectAllRows();
selectedRowsIndexs.forEach(index => {
listview.clearSelectedRow(index);
});
}

复制代码

maki · maki

Tony.Fu 发表于 2026-1-27 16:50
maki您好，这个问题我们又调查了下，发现性能瓶颈其实在【勾选时界面的重新绘制】，属于是Spreadjs上常见的 ...

太棒了。~

maki · maki

Tony.Fu 发表于 2026-1-27 16:50
maki您好，这个问题我们又调查了下，发现性能瓶颈其实在【勾选时界面的重新绘制】，属于是Spreadjs上常见的 ...

大佬，再帮小弟一个忙啊，这个demo，表格上面有个滑块。我想用这个滑块调整表格的选择数量，我的思路是，先清空选择，然后设置一个0 的参数，按照滑块选择数字循环，每次加1，但是这样做，也是需要400的订单要卡好几秒钟，JS 命令有没有更丝滑的办法，谢谢大佬啊

Tony.Fu · Tony.Fu

本帖最后由 Tony.Fu 于 2026-1-29 18:43 编辑

maki 发表于 2026-1-29 14:27
大佬，再帮小弟一个忙啊，这个demo，表格上面有个滑块。我想用这个滑块调整表格的选择数量，我的思路是 ...

客气了哈，都是互相学习，您试试这个效果，结合您前面的附件，增加了勾选行数的限制
P.S:我这边下午一直在会议上，抱歉回复有些耽搁

var page = Forguncy.Page;
var listview = page.getListView("表格1");
var rowCount = listview.getRowCount();
var selectedIndexes = listview.getSelectedRowIndexs();
var selectedSet = new Set(selectedIndexes);
var checkLimit = Forguncy.CommandHelper.getVariableValue("限制行数");
var overlimitMethod = Forguncy.CommandHelper.getVariableValue("超限的做法");
var targetCount = rowCount - selectedIndexes.length;
// 超限判断
if (checkLimit > 0 && targetCount > checkLimit && overlimitMethod == 2) {
alert("最多只能选择 " + checkLimit + " 行，请减少选择后再操作。");
return;
}
var sheet = listview.getControl().getActiveSheet();
sheet.suspendPaint();
// 统一清空
listview.clearAllSelectedRows();
var added = 0;
for (var i = 0; i < rowCount; i++) {
if (!selectedSet.has(i)) {
listview.addSelectedRow(i);
added++;
// 勾到上限数量就停
if (checkLimit > 0 && overlimitMethod == 1 && added >= checkLimit) {
break;
}
}
}
sheet.resumePaint();

复制代码

[已处理] 10.0.5.0 表格如何选择前50行，如何反选行

最佳答案

11 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

活字格高级认证

Wyn高级认证

Wyn认证