如何使用Jquery在asp.net中隐藏/显示自定义文件上载?
我在vanilla asp.net fileupload控件上有一个样式化的文件上载,它是隐藏的。 如果用户返回编辑其选择的文件,则有按钮可查看该文件或将其从数据集中删除;此外,控件是隐藏的。 但是,伪文件上传仍然可见。 我已经编写了一个自定义方法来从代码隐藏中调用Jquery,但是我缺乏Jquery技能来隐藏这个伪控件并按需显示它 任务是:隐藏包含在中的文件上载,并在用户单击“删除文件”时再次显示它&将控件设置为再次可见,以便用户可以选择其他文件 亲切的问候 编辑:包含Jquery代码的c#方法现在看起来像这样:如何使用Jquery在asp.net中隐藏/显示自定义文件上载?,jquery,asp.net,file-upload,Jquery,Asp.net,File Upload,我在vanilla asp.net fileupload控件上有一个样式化的文件上载,它是隐藏的。 如果用户返回编辑其选择的文件,则有按钮可查看该文件或将其从数据集中删除;此外,控件是隐藏的。 但是,伪文件上传仍然可见。 我已经编写了一个自定义方法来从代码隐藏中调用Jquery,但是我缺乏Jquery技能来隐藏这个伪控件并按需显示它 任务是:隐藏包含在中的文件上载,并在用户单击“删除文件”时再次显示它&将控件设置为再次可见,以便用户可以选择其他文件 亲切的问候 编辑:包含Jquery代码的c#方
runjQueryCode(@"$(document).ready(function() {
$('#" + Btn_removeFile.ClientID + @"').click(function(){
$('.fakefile').show();
$('"+ fu.ClientID +@"').show();
});
$('.fakefile').hide();
$('"+ fu.ClientID +@"').hide();
});");
jQuery(“#a”).show();来展示它
jQuery(“#a”).hide();把它藏起来
一个可能是您的fileupload控件的id。您是从代码隐藏中的自定义方法调用它的,因此无需将其绑定到任何单击事件。只要从代码隐藏处按需调用即可
将FileUpload1.ClientID用于
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),“dtp”,“$('.fakefile').show();$('#“+fu.ClientID+@“).show();”,true) 您可以执行以下操作…如果文件已隐藏,它将显示文件上载,如果文件已可见,它将隐藏 代码隐藏:-
Btn_removeFile.Attributes["onClick"] = "ShowHideFileUpload('"+fu.ClientID+"');"
function ShowHideFileUpload(fuID)
{
if($(fuID).is(":visible"))
{
$('.fakefile').hide();
$(fuID).hide();
}
else
{
$('.fakefile').show();
$(fuID).show();
}
}
Javascript:-
Btn_removeFile.Attributes["onClick"] = "ShowHideFileUpload('"+fu.ClientID+"');"
function ShowHideFileUpload(fuID)
{
if($(fuID).is(":visible"))
{
$('.fakefile').hide();
$(fuID).hide();
}
else
{
$('.fakefile').show();
$(fuID).show();
}
}
显示您编写的代码…抱歉,刚刚实现了相同的代码。什么是runjQueryCode?你是从CodeBehind编写Jquery的吗?是的,有时无法避免,因为我没有时间重构我之前编写的所有代码。请查看我的答案。检查你是否可以这样做…这不起作用,因为removeFile按钮已经附加了onClick方法。你的解决方案部分起作用,但是错误嵌套在我必须处理的现有混乱代码中;在干净的aspx文件中工作良好。因为我时间不够,我告诉我的上司找个设计师来处理。