如何使用Jquery在asp.net中隐藏/显示自定义Fileupload?

时间:2012-08-22 06:52:51

标签: jquery asp.net file-upload

我有一个样式文件上传铺设在vanilla asp.net fileupload控件的顶部,这是隐藏的。 如果用户回来编辑他选择的文件,则有按钮可以查看文件或从数据集中删除文件;此外,控件是隐藏的。 但是伪文件上载仍然可见。 我已经编写了一个自定义方法来从Code调用Jquery,但是我缺乏Jquery技能来隐藏这个虚假控件并按需显示它。

任务是:隐藏包含在a中的文件上载,如果用户点击“删除文件”,则再次显示该文件。将控件再次设置为可见,这样他就可以选择另一个文件。

亲切的问候。

编辑:包含Jquery代码的c#方法现在看起来像这样:

runjQueryCode(@"$(document).ready(function() {
                 $('#" + Btn_removeFile.ClientID + @"').click(function(){
                    $('.fakefile').show();
                    $('"+ fu.ClientID +@"').show();
                  });
                    $('.fakefile').hide();
                    $('"+ fu.ClientID +@"').hide();
                  });");

2 个答案:

答案 0 :(得分:0)

的jQuery( “#a”)的节目();显示它。

的jQuery( “#a”)的隐藏();隐藏它。

a将是您的fileupload控件的id。您在后面的代码中使用自定义方法调用它,然后无需将其绑定到任何单击事件。只需按照后面的代码调用它。

使用FileUpload1.ClientID作为。

Page.ClientScript.RegisterClientScriptBlock(this.GetType(),“dtp”,“$('。fakefile')。show(); $('#”+ fu.ClientID + @“')。show() ;“,真实);

答案 1 :(得分:0)

你可以做的是如下...它将显示FileUpload,如果它已经被隐藏,并且如果已经可见则会隐藏...

<强>代码隐藏: -

Btn_removeFile.Attributes["onClick"] = "ShowHideFileUpload('"+fu.ClientID+"');" 

<强>使用Javascript: -

function ShowHideFileUpload(fuID)
{
   if($(fuID).is(":visible"))
   {
        $('.fakefile').hide(); 
        $(fuID).hide(); 
   }
   else
   {
       $('.fakefile').show(); 
       $(fuID).show();     
   }    
}