Javascript 如何使用gridster2在角度上固定单元格Clickable

版本：^9.3.3

HTML

{编辑？'cancel'：'editing'}
添加

TS

editing=false；
恩戈尼尼特（）{
此选项={
gridType:gridType.Fit，
保证金：0，
outerMargin:null，
outerMarginTop:null，
outerMarginRight:空，
outerMarginBottom:null，
outerMarginLeft:null，
对,，
移动断点：640，
保持固定高度移动：false，
keepFixedWidthInMobile:false，
敏感度：10，
滚动速度：20，
enableEmptyCellClick:this.editing，
enableEmptyCellContextMenu:false，
enableEmptyCellDrop:false，
enableEmptyCellDrag:this.editing，
emptyCellDragCallback:this.emptyCellClick.bind（this），
EnableOccuppiedCellDrop:false，
ignoreMarginInRow:错，
可拖动：{
已启用：此选项已启用。正在编辑，
停止：（事件）=>{this.setFlrLayout（事件）；}
},
可调整大小：{
已启用：此选项已启用。正在编辑，
停止：（事件）=>{this.setFlrLayout（事件）；}
},
交换：是的，
disablePushOnDrag:错误，
disablePushOnResize:false，
方向：{北：对，东：对，南：对，西：对}，
pushResizeItems:false，
displayGrid:displayGrid。始终，
disableWindowResize:false，
禁用警告：错误，
ScrollToneItems:false，
itemInitCallback:（（项：GridsterItem，项组件：GridsterItemComponentInterface）=>{
dispatchEvent（新事件（'resize'）；//重新调整相应图表的大小
})
};
}
切换编辑（）{
this.editing=！this.editing；
}
ngOnChanges（）{
if（this.options&&this.editing | | this.options&&this.editing）{
this.options['enableEmptyCellClick']=this.editing；
}
}
emptyCellClick（事件：MouseeEvent，项目：GridsterItem）：无效{
log（`test${item}`）；
}

我想在这里做的是多选网格。但问题是点击不起作用。当我单击空单元格时，它不会在devtool中显示控制台

例如，我单击应显示控制台的空单元格，或者当我单击多个选择时（例如，第一个项目和第二个项目为空），我将选择第一个项目，然后当我单击“添加”时，它将从第一个项目和第二个项目添加，如下所示

到

---

在ts文件中，您将值分配给选项，是否可以将

启用清空细胞单击：false

替换为

启用清空细胞单击：true

---

谢谢@ABC

我更新了代码，问题是当我单击“编辑”按钮时，它不会更改编辑值。当我单击“编辑”按钮时，它应该是真的。当您切换编辑图标时，您只更改了

this.options的值。编辑
而不是
this.options。启用清空单击
，
this.options。enableEmptyCellDrag
等。如何使其动态化？当我切换/编辑它时。它应该更改为true，当我单击“取消”时，它应该更改为false。因为如果我启用Emptycell，单击“更改为true”，则当仅查看时，它可以单击。它不应单击以仅查看。您需要在
toggleediting
方法中指定动态选项值，如
this.options.enableEmptyCellClick=this.editing
，
this.options.enableEmptyCellDrag=this.editing
等