2017-11-11 7 views
0

私はkendo-uploadコンポーネントを1つだけアップロードしています。ファイルがアップロードされた後、私はリストまたはアップロードされたファイルをクリアする必要があります。剣道でアップロードされたファイルリストをリセットする方法角度アップロードコンポーネント

  1. ファイルがアップロードされた後、ファイルが

    enter image description here

  2. 選択されている

    Initial state - before a file is selected

  3. 後の初期状態

    enter image description here

私はClearボタンをクリックしたかどうのように、ステップ1 =のようなルックスに、ステップ3を必要としています。

私は(success)イベントにバインドし、実行しようとしました:

this.pictureUpload.fileList.clear();

b。 this.pictureUpload.fileList.remove(this.pictureFilePreview.uid);

しかし、常にuploadServiceから例外を取得するには:

enter image description here

私はuploadServiceソースコードに掘ると、私は例外を取得理由を理解でした。私もupload-componentソースコードを見て、外部にどのようにClearボタンメソッドを実行するのか理解しようとしましたが、簡単な方法が見つかりませんでした。私はこれを過度に複雑にしていると思うし、私がまだ見つけていない簡単な解決策がなければならない。

答えて

0

モデルバインドを使用してそのことを行うことができます。

import { FileInfo } from '@progress/kendo-angular-upload'; 

まず剣道アップロードに完成イベントをキャプチャ:

[(ngModel)]="myFiles" (complete)="uploadCompleted()" 

は、メンバー追加:

 myFiles: Array<FileInfo> = []; 

をし、イベントをキャプチャし、空にファイルリストをリセットします。

public uploadCompleted(){ 
    this.myFiles = []; 
} 
関連する問題