右键点击插入，往下面插入行，并且复制上一行的样式

Lynn.Dou

本帖最后由小弟弟于 2023-1-3 17:20 编辑

const insertRowsCopyStyle = {
      canUndo: true,
      name: 'insertRowsCopyStyle',
      execute: (context, options, isUndo) => {
      const Commands = GC.Spread.Sheets.Commands
      if (isUndo) {
         Commands.undoTransaction(context, options)
         return true
      } else {
         Commands.startTransaction(context, options)
         const sheet = context.getSheetFromName(options.sheetName)
         sheet.suspendPaint()
         // 先执行原生insertRows命令
         options.cmd = 'gc.spread.contextMenu.insertRows'
         context.commandManager().execute(options)
         options.cmd = 'insertRowsCopyStyle'

         let beforeRowCount = 0
         if (options.selections && options.selections.length) {
            const selections = this.getSortedRowSelections(options.selections)
            for (let i = 0; i < selections.length; i++) {
            const selection = selections
            if (selection.row > 0) {
               for (let row = selection.row + beforeRowCount; row < selection.row + beforeRowCount + selection.rowCount; row++) {
                  sheet.copyTo(selection.row + beforeRowCount - 1, -1, row, -1, 1, -1, GC.Spread.Sheets.CopyToOptions.style | GC.Spread.Sheets.CopyToOptions.span)
               }
            }
            beforeRowCount += selection.rowCount
            }
         }
         sheet.resumePaint()

         Commands.endTransaction(context, options)
         return true
      }
      }
   }
   // 注册命令
   spread.commandManager().register('insertRowsCopyStyle', insertRowsCopyStyle)

   // 替换原有插入命令
   function MyContextMenu() {}
   MyContextMenu.prototype = new GC.Spread.Sheets.ContextMenu.ContextMenu(spread)
   MyContextMenu.prototype.onOpenMenu = function (menuData, itemsDataForShown, hitInfo, item) {
      itemsDataForShown.forEach(function (item, index) {
      if (item && item.name === 'gc.spread.insertRows') {
         item.command = 'insertRowsCopyStyle'
      }
      })
   }
   const contextMenu = new MyContextMenu()
   spread.contextMenu = contextMenu

这个要怎么改才能又能往下插入还能复制上面的样式呢

Lynn.Dou · Lynn.Dou

用命令去插入行，而不是使用addRows API，代码修改如下：

// 用命令去插入行
var commandManager = context.commandManager();
commandManager.execute({cmd:"gc.spread.contextMenu.insertRows",sheetName:sheet.name(),selections:[new GC.Spread.Sheets.Range(row + 1,-1,rowCount,-1)]})

复制代码

完整代码请参考附件demo

Lynn.Dou · Lynn.Dou

您好，
请参考附件demo，主要代码如下：

//定义向下插入行且复制样式insertRowsBelow命令
var insertRowsBelow = {
canUndo: true,
name: "insertRowsBelow",
execute: function (context, options, isUndo) {
var Commands = GC.Spread.Sheets.Commands;
if (isUndo) {
Commands.undoTransaction(context, options);
return true;
} else {
Commands.startTransaction(context, options);
var sheet = context.getSheetFromName(options.sheetName);
sheet.suspendPaint();
console.log(options.selections)
var selection = options.selections[0];
//向下插入行
var row = selection.row;
var rowCount = selection.rowCount;
if (options.selections && options.selections.length) {
sheet.addRows(row + 1, rowCount);
}
// 复制上一行样式:该示例仅针对单行插入，起参考作用。
// 对于多行复制样式，请根据实际业务需求进行设计。
sheet.copyTo(row, -1, row + 1, -1, 1, -1, GC.Spread.Sheets.CopyToOptions.style | GC.Spread.Sheets.CopyToOptions.span);
sheet.resumePaint();
Commands.endTransaction(context, options);
return true;
}
}
};
// 注册命令
spread.commandManager().register("insertRowsBelow", insertRowsBelow);
// 替换原有插入命令
function MyContextMenu() { }
MyContextMenu.prototype = new GC.Spread.Sheets.ContextMenu.ContextMenu(spread);
MyContextMenu.prototype.onOpenMenu = function (menuData, itemsDataForShown, hitInfo, spread) {
itemsDataForShown.forEach(function (item, index) {
if (item && item.name === "gc.spread.insertRows") {
item.command = "insertRowsBelow"
}
});
};
var contextMenu = new MyContextMenu();
spread.contextMenu = contextMenu;

复制代码

小弟弟 · 小弟弟

Lynn.Dou 发表于 2023-1-3 18:42
您好，
请参考附件demo，主要代码如下：

好的，这个我加上之后在表格内容处新增一行，他并没有新增到表格里，而是光新增了一行，修改表格新增一行的内容后，点击保存，table数据里不会有当前新增行的内容

小弟弟 · 小弟弟

Lynn.Dou 发表于 2023-1-3 18:42
您好，
请参考附件demo，主要代码如下：

怎么说啊大佬，在帮我看看下面的问题啊

小弟弟 · 小弟弟

小弟弟发表于 2023-1-4 13:40
好的，这个我加上之后在表格内容处新增一行，他并没有新增到表格里，而是光新增了一行，修改表格新增一行 ...

之后为什么tablerowsChanged监听不到啊，怎么才能让他监听到这个新增的行

Lynn.Dou · Lynn.Dou

table的插入行，是table区域的向下扩展，并不会影响原sheet的行数。
您的需求是什么呢？目前沟通来看这边没太理解，您留下联系方式，这边与您电话沟通下。

小弟弟 · 小弟弟

Lynn.Dou 发表于 2023-1-4 18:44
table的插入行，是table区域的向下扩展，并不会影响原sheet的行数。
您的需求是什么呢？目前沟通来看这边 ...

我的需求是要右键插入，能够向下插入行，之后页面可能会有表格，也会有单元格，之后我在表格数据内插入一行后，我的GC.Spread.Sheets.Events.TableRowsChanged不执行，所以方法走不了。

小弟弟 · 小弟弟

本帖最后由小弟弟于 2023-1-4 19:27 编辑

Lynn.Dou 发表于 2023-1-4 18:44
table的插入行，是table区域的向下扩展，并不会影响原sheet的行数。
您的需求是什么呢？目前沟通来看这边 ...

同时还得复制上一行样式

小弟弟 · 小弟弟

Lynn.Dou 发表于 2023-1-5 14:00
用命令去插入行，而不是使用addRows API，代码修改如下：

完整代码请参考附件demo

这个可以。大佬，我刚试了一下，没啥问题，但发现了一个小问题，在表格最后一行处点击插入的话，还是不执行TableRowsChanged，这个如果能解决就没问题了

		自动登录	找回密码
密码			立即注册

[已处理] 右键点击插入，往下面插入行，并且复制上一行的样式

最佳答案

14 个回复

评分

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人