V15.0.2 sheet.shapes.group意外触发了shapeRemoved事件

Lynn.Dou

代码如下，其中sheet.shapes.group方法执行后，shapeRemoved事件触发了，预期是不触发。请问怎么解决？

const {row,col,rowCount,colCount} = selectedAreaInfo;const {left,right,top,bottom} = calcPositionOfSelectedArea(selectedAreaInfo);
const shapeColor = 'red';
const shapeName = 'shapeName';

const sheet = getActiveSheet_tool();
let groupShapes = [
{
      flag:"_top",
      params:[left, top, right, top]
},
{
      flag:"_bottom",
      params:[left, bottom, right, bottom]
},
{
      flag:"_left",
      params:[left, top, left, bottom]
},
{
      flag:"_right",
      params:[right, top, right, bottom]
}
].map(item=>{
let tempShape = sheet.shapes.addConnector(shapeName + item.flag,
   GC.Spread.Sheets.Shapes.ConnectorType.straight, ...item.params);
let oldStyle = tempShape.style();
oldStyle.line.color = shapeColor;
tempShape.style(oldStyle);
return tempShape;
})

let gShape = sheet.shapes.group(groupShapes); //触发了shapeRemoved事件
return false;

let nameTemp = shapeName + "_group_" + new Date().getTime();
gShape.name(nameTemp);

// if(/*打上tag之前调用*/isShapesHaveIntersection()){
//    removeOneShape(nameTemp,false);//不可删除交集上的tag。
//    return toastr.warning('不可以有交集哦')
// }

gShape.allowMove(false);
gShape.allowResize(false);
gShape.allowRotate(false);

//对shape里的cell设置tag
for(let i=row;i<row+rowCount;i++){
for(let j=col;j<col+colCount;j++){
      const {shapeName} = getTag_tool(i,j);
      setTag_tool(i,j,{shapeName: shapeName ? [nameTemp,shapeName].join(window.defineVarObj_g.shapeNameSeparator) : nameTemp});
}
}

shapesInfoHandler_shapeHelper({type:'addShape',shapeName:nameTemp,cellsInfo:{/*row,col,*/rowCount,colCount}});

Lynn.Dou · Lynn.Dou

pian493 发表于 2022-11-11 09:12
有个这样的需求，选中某个形状，按delete键删除该形状，此时需清空形状内的tag。但现在addConnector + gr ...

可以监听ShapeRemoving事件，内有isGroup属性可以判断是否是由group引起的删除。
示例代码如下：

sheet.bind(GC.Spread.Sheets.Events.ShapeRemoving, function (e, info) {
if(info.isGroup == true) {
alert("group,不删除tag")
} else {
alert("删除tag")
}
});

复制代码

API：
https://demo.grapecity.com.cn/sp ... vents#shaperemoving

Lynn.Dou · Lynn.Dou

您好，

这属于产品设计，执行group方法表示对两个形状进行了组合，如下图，即原先的两个形状被删除了，生成了一个新的形状。
形状被删除了自然会触发ShapeRemoved事件。

您为什么不想触发ShapeRemoved事件呢？可以结合实际业务场景详细描述下，这边调研看看是否有其他方案。

pian493 · pian493

Lynn.Dou 发表于 2022-11-10 17:56
您好，

这属于产品设计，执行group方法表示对两个形状进行了组合，如下图，即原先的两个形状被删除了， ...

有个这样的需求，选中某个形状，按delete键删除该形状，此时需清空形状内的tag。但现在addConnector + group 也会触发shapeRemoved。导致无法根据shapeRemoved事件来区分 group 和 delete。

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

[已处理] V15.0.2 sheet.shapes.group意外触发了shapeRemoved事件

最佳答案

3 个回复

浏览过的版块

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人