Jquery 重置Infrastics IgniteUI igFileUpload的UI

我正在使用基础设施IgniteUI 2014.1

我在页面上有一个igFileUpload控件，允许用户上传文件。控件一开始只是一个简单的“上载文件”按钮，但一旦选择了文件，它就会更改为显示进度条、取消按钮等（此行为内置于控件中）。如果用户上载x个文件，将显示x个进度条

我的问题是，我需要一种方法来重置用户界面，在用户完成上传文件后，显示简单的“上传文件”按钮，而不显示进度条

以下是相关的标记：

<div class="col-md-12">
    <div id="DIVUploadNewFile" class="form-group">
        <label class="control-label" for="FUNewFile">Upload New File</label>
        <div id="FUNewFile"></div>
    </div>
</div>

上载新文件

我已尝试删除表示igFileUpload控件的DOM元素，然后将其添加回页面并按以下方式重新初始化：

// remove the FileUpload div
$("#FUNewFile").remove();

// add the FileUpload div back to the document
$("#DIVUploadNewFile").append($("<div id='FUNewFile'></div>"));

// reinitialize the FileUpload control in exactly the same way that
// I have always done on $(document).ready()
$("#FUNewFile").igUpload({
    mode: 'multiple',
    multipleFiles: true,
    maxUploadedFiles: 5,
    autostartupload: true,
    progressUrl: "IGUploadStatusHandler.ashx",
    maxSimultaneousFilesUploads: 2,
    controlId: "serverID1"
});

//删除FileUpload div
$（“#FUNewFile”）.remove（）；
//将FileUpload div添加回文档
$（“#DIVUploadNewFile”）.append（$（“”）；
//重新初始化FileUpload控件的方式与
//我总是在$（document.ready（）上完成
$（“#FUNewFile”）.igUpload({
模式：“多个”，
多重文件：对，
maxUploadedFiles:5，
自动开始上传：对，
progressUrl:“IGUploadStatusHandler.ashx”，
maxSimultaneousFilesUploads:2，
controlId:“服务器ID1”
});

---

运行此代码后检查页面时，找不到igFileUpload控件。

您可以销毁该小部件，然后重新创建该小部件。删除内部DOM不会删除小部件。 您可以这样做：

if ($("#FUNewFile").data("igUpload")) {
    $("#FUNewFile").igUpload("destroy");
}
$("#FUNewFile").igUpload({
    mode: 'multiple',
    multipleFiles: true,
    maxUploadedFiles: 5,
    autostartupload: true,
    progressUrl: "IGUploadStatusHandler.ashx",
    maxSimultaneousFilesUploads: 2,
    controlId: "serverID1"
});

---

我几乎有类似的要求，但使用

destroy

也会删除上传按钮，我希望上传按钮也能显示出来，但删除barThis正是我所需要的。非常感谢。