Javascript 如何从所选表行中删除qq上载程序?

Javascript 如何从所选表行中删除qq上载程序?,javascript,jquery,css,asp.net-mvc-3,Javascript,Jquery,Css,Asp.net Mvc 3,我正在MVC3应用程序中开发一个文件上传功能。 我让它正常工作(有点),问题是在onComplete函数中,当我尝试删除qq uploader类时,它会从所有选中的表单元格中删除。 工作流程如下,用户选中多个复选框“上传文件”btn出现在选中的每一行中,但一旦一行中的一次上传完成,“qq uploader”类将从所有单元格中删除,而不仅仅是从上传文件的单元格中删除 有问题的表格行单元格: @if (Model.ElementAt(index).CertName != null)

我正在MVC3应用程序中开发一个文件上传功能。 我让它正常工作(有点),问题是在onComplete函数中,当我尝试删除qq uploader类时,它会从所有选中的表单元格中删除。 工作流程如下,用户选中多个复选框“上传文件”btn出现在选中的每一行中,但一旦一行中的一次上传完成,“qq uploader”类将从所有单元格中删除,而不仅仅是从上传文件的单元格中删除

有问题的表格行单元格:

     @if (Model.ElementAt(index).CertName != null)
             {
                 <td>@Html.DisplayFor(m => Model.ElementAt(index).CertName)</td>
             }
             else
             {                  
                <td id ="attBtn" class="file-uploader-attachment-Class"></td>
             }
@if(Model.ElementAt(index.CertName!=null)
{
@DisplayFor(m=>Model.ElementAt(index.CertName)
}
其他的
{                  
}
视图中使用的脚本:

  <script type="text/javascript">
$(document).ready(function () {

    function handleCheckbox() {
        if ($(this).find(':checkbox').is(':checked')) {
            $(this).find('.file-uploader-attachment-Class').removeClass("upload-placeholder-unchecked");

            createUploader($(this));
        }
        else {
            $(this).find('.file-uploader-attachment-Class').addClass("upload-placeholder-unchecked");
            $(this).find('.file-uploader-attachment-Class').html($('#myHTML2').html());
        }
    }

    $('tr').each(handleCheckbox);
    $('tr').on('click', handleCheckbox);

    function createUploader(container) {

        var elements = container.find('.file-uploader-attachment-Class');

        var CAL_ID = container.find(':checkbox').val()

        var row = $(this).parent();

        Array.prototype.filter.call(elements, function (element) {

            var uploader = new qq.FileUploader({
                element: element,
                sizeLimit: 2147483647, // max size
                action: '/CalibrationViewer/AttachmentUpload',
                allowedExtensions: ['xls', 'xlsx', 'pdf', 'doc', 'docx', 'csv', 'txt', 'rtf', 'zip', 'zipx', '7z'],
                params: {
                    customer: CUST_NAME,
                    calibrationId: CAL_ID
                },
                multiple: false,
                debug: false,

                onComplete: function (id, fileName, responseJson) {
                    alert(responseJson.msg);
                    $('.qq-uploader').remove();
                    elements.closest('.file-uploader-attachment-Class').prepend('<div class="uploadedTag"><p>Uploaded</p></div>')
                }

            });

        });
    }
});

$(文档).ready(函数(){
函数handleCheckbox(){
if($(this).find(':checkbox').is(':checked')){
$(this).find('.file uploader attachment Class').removeClass(“未选中上载占位符”);
createUploader($(this));
}
否则{
$(this).find('.file uploader attachment Class').addClass(“未选中上载占位符”);
$(this.find('.file uploader attachment Class').html($('#myHTML2').html());
}
}
$('tr')。每个(handleCheckbox);
$('tr')。在('click',handleCheckbox)上;
函数createUploader(容器){
var elements=container.find('.file uploader attachment Class');
var CAL_ID=container.find(':checkbox').val()
var行=$(this.parent();
Array.prototype.filter.call(元素,函数(元素){
var uploader=new qq.FileUploader({
元素:元素,
sizeLimit:2147483647,//最大大小
操作:'/CalibrationViewer/AttachmentUpload',
允许的扩展:['xls','xlsx','pdf','doc','docx','csv','txt','rtf','zip','zipx','7z'],
参数:{
客户:客户名称,
校准ID:校准ID
},
多重:假,
调试:错误,
onComplete:函数(id、文件名、responseJson){
警报(responseJson.msg);
$('.qq uploader').remove();
elements.closest(“.file uploader attachment Class”).prepend(“Uploaded

”) } }); }); } });
这对我很有效

  elements.closest('.file-uploader-attachment-Class').find('.qq-uploader').remove();