我们知道,在SpreadJS中进行缩放时,默认是基于左上角的单元格进行缩放的
那如何才能基于当前选中的单元格进行缩放呢?
实现思路很简单:
1,监听ViewZoomed事件,
2.获取当前选中单元格的索引
3.通过showCell方法将选中的单元格显示在当前spread窗口中间
完整代码参考如下:
- spread.bind(GC.Spread.Sheets.Events.ViewZoomed, function (e, args) {
- let rowIndx = args.sheet.getActiveRowIndex()
- let colIndex = args.sheet.getActiveColumnIndex()
- args.sheet.setActiveCell(rowIndx, colIndex);
- args.sheet.showCell(rowIndx, colIndex, GC.Spread.Sheets.VerticalPosition.center, GC.Spread.Sheets.HorizontalPosition.center);
- });
复制代码 我们来看看缩放的效果吧:
perfect!!!
|
|