ajax控制在给定场景中的使用情况

时间:2010-03-25 14:04:07

标签: ajax asp.net-3.5

在页面加载时,面板必须不可见,单击某个按钮上的某个进程将继续,那时我需要以某种表示法显示该过程,一旦该过程结束,我需要显示该面板

请帮帮我。

2 个答案:

答案 0 :(得分:0)

你有几个选择。一种是通过Document.getElementById("panel_id").innerHTML = "Your content here..."

设置面板的内容

另一种方法是使用CSS元素在加载时隐藏面板。然后在onclick代码中更改面板的该属性。有关详细信息:http://www.w3schools.com/CSS/pr_class_visibility.asp

答案 1 :(得分:0)

如果您使用的是ajax,则有两个主要选项:

  1. 将控件包装在ASP.NET UpdatePanel控件中,并处理代码隐藏中的面板可见性。
  2. 使用javascript(推荐jQuery)在后面的代码中向WebMethods发出ajax请求,当请求成功时,从客户端更新UI。
  3. 如果您不熟悉ASP.NET / AJAX,我建议您选择简单,因为它更容易实现。要做到这一点,你会有这样的事情:

    标记:

    <asp:ScriptManager ID="ScriptManager1" runat="server"/>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Panel ID="MyPanel" runat="server" Visible="false">
                <!-- panel contents here -->
            </asp:Panel>
            <asp:Button ID="MyButton" runat="server" OnClick="MyButton_Click" Text="Do Something"/>
        </ContentTemplate>
    </asp:UpdatePanel>
    

    代码隐藏:

    protected void MyButton_Click(object sender, EventArgs e)
    {
        //do something when the button is clicked
    
        //set the panel visible so that when this round trip is complete, the panel will show
        MyPanel.Visible = true;
    }
    

    以上将使用ajax处理按钮点击事件,您可以执行任何操作,然后将面板设置为可见。