问题描述
因此,我制作了一个具有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
如果问题仍然存在,请分享一些其他详细信息,这将帮助我们为您提供及时的解决方案。
- 您是否在仪表板中添加了其他组件?如果是,请分享详细信息。
- 如果遇到任何控制台错误,请共享屏幕截图。
- 如果可能,请用共享样本复制您的问题。
- 共享屏幕录制的视频。