[英]How to make button enable/disable based on [sortablejs]
我有一个具有拖放功能的列表
<div [sortablejs]="actionList">
<div *ngFor="let data of actionList | filterBy: searchValue;let i = index">
还有一个像下面这样的按钮
<button (click)="save()"> Save</button>
如何仅在用户进行拖放时启用此按钮这里我使用SortablejsModule来实现列表的拖放功能
您可以将 drageableOption 作为这样的参数,并在发生拖放事件时附加一个函数。
在你的html
<div [sortablejs]="actionList" [sortablejsOptions]="draggableOptions">
<div *ngFor="let data of actionList | filterBy: searchValue;let i = index">
并在您的.ts
从'angular-sortablejs'导入{SortablejsOptions};
export class StockMovementComponent implements OnInit{
disableButton: boolean = true;
draggableOptions : SortablejsOptions = {
animation: 150,
onUpdate: () => this.dragDropDataSuccess(),
scroll: true,
scrollSensitivity: 100
};
constructor(){}
ngOnInit() {}
dragDropDataSuccess(){
this.disableButton = false;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.