我在syncfusion / ej2-angular-layouts中将allowDragging设置为false后,光标图标没有更改

问题描述

因此,我制作了一个具有syncfusion / ej2-angular-layouts的可编辑仪表板,并将allowDragging属性绑定到一个变量上,在单击“编辑仪表板”按钮时将其设置为true。当我单击“保存”按钮时,它设置为false。因此,一切正常,但在将allowDragging属性再次设置为false之后,光标图标仍然与编辑模式下的相同。 有没有办法使光标恢复到以前的状态。

html文件

<div class="control-section">
    <ejs-dashboardlayout id='defaultLayout' #defaultLayout [columns]='columns' [cellSpacing]='cellSpacing' [panels]='panels' 
    [allowDragging]='allowDragging'>
    </ejs-dashboardlayout>
</div>
<div>
  <button (click)="editOn()">Edit Dashboard</button>
  <button (click)="save()">Save</button>
</div>

ts文件

allowDragging = false;

editOn(){
  this.allowDragging = true;
}

save(){
  this.allowDragging = false;
}

解决方法

我们无法使用您提供的详细信息在Syncfusion Angular Dashboard Layout组件中重现您报告的问题。当我们为allowDragging属性设置false值时,将不会显示拖动图标。为了方便起见,我们准备了一个示例,请参考下面的链接。

https://stackblitz.com/edit/angular-dashboard-dragging?file=app.component.ts

文档:https://ej2.syncfusion.com/angular/documentation/dashboard-layout/getting-started/

API参考:https://ej2.syncfusion.com/angular/documentation/api/dashboard-layout/

演示:https://ej2.syncfusion.com/angular/demos/#/material/dashboard-layout/analytics-dashboard

如果问题仍然存在,请分享一些其他详细信息,这将帮助我们为您提供及时的解决方案。

  1. 您是否在仪表板中添加了其他组件?如果是,请分享详细信息。
  2. 如果遇到任何控制台错误,请共享屏幕截图。
  3. 如果可能,请用共享样本复制您的问题。
  4. 共享屏幕录制的视频。