如何使用 AJAX (AjaxControlToolkit) 和 C# 隐藏/显示控件

Question

我知道这听起来一定很基础，但我真的很困惑。我想做的是在流程完成后显示超链接。而这个过程就是AsyncFileUpload。在 ASPX 页面中，我想创建一个但在初始页面加载时将其隐藏。如果我设置 Style="display: none;"似乎有效，但在文件上传后，我所做的任何事情都不会让控件再次可见。当文件上传时，它会调用一个名为 FileUploadComplete 的函数。在这里，无论我做什么，超链接都不会显示。

非常感谢任何帮助:)

谢谢， dave

这是 ASPX 代码（最近添加了 javascript）

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="OptionsPlaceHolder" runat="server">
    <script language="javascript" type="text/javascript">
        function ShowLink() {
            $("#openFile").show();
        }
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderBody" runat="server">
    <asp:UpdatePanel ID="updImportFile" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <div class="pageHeader">           
                <asp:Literal runat="server" ID="pageTitle" Text="<%$ Resources:Resources, ImportFile %>" />
            </div>
            <ajaxToolkit:AsyncFileUpload ID="FileUpload1" runat="server" Width="600px" 
UploaderStyle="Traditional" OnUploadedComplete="FileUploadComplete" ThrobberID="throbber" 
               CompleteBackColor="#E9F2FD" OnClientUploadComplete="ShowLink" />
            <asp:Image runat="server" ID="throbber" ImageUrl="images/loading.gif" />                    
            <br />
            <asp:Hyperlink runat="server" ID="openFile" NavigateUrl="~/OpenFile.aspx" Text="Open" 
style="display:none;"/>
        </ContentTemplate>
    </asp:UpdatePanel>        
</asp:Content>

这是后面的代码：

 protected void FileUploadComplete(object sender, EventArgs e)
    {
        if (FileUpload1.HasFile)
        {
            string importName = Server.MapPath(@"Uploads\") + FileUpload1.FileName;
            FileUpload1.SaveAs(importName);

            // Import the JSA
            JSA jsa = new JSA();
            jsa.Import(importName);

            // Show the Hyperlink
            ShowLink();
        }
    }

    private void ShowLink()
    {
        openFile.Attributes["Style"] = string.Empty;
    }

我没有包含母版页代码。它里面有 ToolkitScriptManager。

Answer 1

您想在客户端还是服务器端显示？该链接是客户端对象还是服务器端对象？ Javascript 将是标准方式。

如果控件是客户端对象：

document.getElementById("hyperlink_name").style.display = "block"; 

或者如果它是服务器端对象：

document.getElementById("<%= hyperlink_name.ClientID %>").style.display = "block"; 

我建议获取 jQuery 并使用以下内容：

$('#hyperlink_name').show(); 

或者您可以使用 ASP.Net 链接按钮并在服务器端执行此操作：

linkButton.Visible = true; 

Answer 2

如果您发布一些您已经尝试过的代码会更有帮助，以便我们更好地了解您所在的位置。

{第一个答案已删除}

[编辑：当我第一次阅读问题时，我没有发现您正在使用 AsyncFileUpload]

在更新面板中使用 AsyncFileUpload 正在通过部分回发访问服务器，因此服务器上的其他控件（超链接）不会受到影响。这将要求您使用 javascript（或者最好是 jquery）在客户端上进行更改。

Answer 3

您可以在 OnClientUploadComplete 函数上执行此操作，但必须像这样引用超链接： <%= hyperLink.ClientID %>.style.display = 'block';

另一种更asp.net 的方法是使用更新面板。将超链接放入 UpdatePanel 中，并在文件上传时在 UpdatePanel 上设置触发器。然后在 UploadedComplete 事件中更改服务器上的可见性。