feat(components/tree): add draggable ability to tree component

pull/4793/head
mehmet-erim 5 years ago
parent 16e2c23f1a
commit f4dad58d83

@ -1,4 +1,5 @@
<nz-tree
[nzDraggable]="draggable"
[nzCheckStrictly]="checkStrictly"
[nzCheckable]="checkable"
[nzCheckedKeys]="checkedKeys"
@ -7,6 +8,7 @@
[nzExpandedKeys]="expandedKeys"
(nzExpandChange)="onExpandedKeysChange($event)"
(nzCheckBoxChange)="onCheckboxChange($event)"
(nzOnDrop)="onDrop($event)"
></nz-tree>
<ng-template #treeTemplate let-node>
<div

@ -7,6 +7,7 @@ import {
TemplateRef,
ViewEncapsulation,
} from '@angular/core';
import { NzFormatEmitEvent } from 'ng-zorro-antd/tree';
@Component({
selector: 'abp-tree',
@ -22,6 +23,8 @@ export class TreeComponent {
@Output() readonly checkedKeysChange = new EventEmitter();
@Output() readonly expandedKeysChange = new EventEmitter<string[]>();
@Output() readonly selectedNodeChange = new EventEmitter();
@Output() readonly drop = new EventEmitter<NzFormatEmitEvent>();
@Input() draggable: boolean;
@Input() checkable: boolean;
@Input() checkStrictly: boolean;
@Input() checkedKeys = [];
@ -44,4 +47,11 @@ export class TreeComponent {
this.expandedKeys = [...event.keys];
this.expandedKeysChange.emit(event.keys);
}
onDrop(event: NzFormatEmitEvent) {
event.event.stopPropagation();
event.event.preventDefault();
this.drop.emit(event);
}
}

Loading…
Cancel
Save