15.0.2 addConnector会触发ShapeRemoved事件

有点东西

  如题，以下代码中的  addConnector 会触发 ShapeRemoved事件，预期是不触发该事件。
sheet.bind(GC.Spread.Sheets.Events.ShapeRemoved, function (e, info) {
         if(info.shape.name()=='connectorShape'){
            return ;
         }
         console.log(info.shape.name());
      });

sheet.shapes.addConnector('connectorShape', GC.Spread.Sheets.Shapes.ConnectorType.elbow, 200, 50, 300, 100);

有点东西 · 有点东西

请问你是通过代码添加连接器触发的事件吗？我这边没有复现这个问题。另外，SpreadJS的事件会通过调整UI而触发的，通过代码是不会触发事件的。
image.png296171874.png

另外，我通过设计器直接添加连接器形状，也不会触发ShapeRemoved事件，可以排查一下是否触发了其他事件,例如ShapeChanged。

Lynn.Dou · Lynn.Dou

如楼上所述，经测试未能复现您的问题。
请详细描述复现此问题的步骤，并提供相关测试demo，这边来实际测试下。

pian493 · pian493

Lynn.Dou 发表于 2022-10-31 09:35
如楼上所述，经测试未能复现您的问题。
请详细描述复现此问题的步骤，并提供相关测试demo，这边来实际测试 ...

是的，addConnector不会触发。是这个方法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);
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

本帖最后由 Lynn.Dou 于 2022-11-11 09:45 编辑

注意到关于此问题您另开了新帖，那本帖就先结贴了，后续在新帖中交流。
https://gcdn.grapecity.com.cn/fo ... 57126&fromuid=59119

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

[已处理] 15.0.2 addConnector会触发ShapeRemoved事件

最佳答案

4 个回复

浏览过的版块

悬赏达人

SpreadJS 认证

SpreadJS 高级认证

讲师达人