javascript - 如何在回发中显示面板？

Question

我在名为购买和费用的组中有两个单选按钮。当我单击购买单选按钮时，将显示 panelpurchase，类似地，panelexpense 将显示费用单选按钮。

观看输出图像 when pageload panelpurchase visible false using jquery

当我单击购买单选按钮时，将显示面板购买panelpurchase show .

现在我想要的是，当我单击 panelpurchase 中的添加按钮时，该页面将重新加载(postpack)，并且回发页面应显示该 panelpurchase。

jquery 代码:

<script type="text/javascript">

    $(document).ready(function () {

        $('#PanelPurchase').hide();
        $('#PanelExpensive').hide();
        $('#<%= RadioPurchase.ClientID %>').click(function () { $('#PanelPurchase').show(); $('#PanelExpensive').hide(); });
        $('#<%= RadioExpensive.ClientID %>').click(function () { $('#PanelPurchase').hide(); $('#PanelExpensive').show(); });

        $('#btnAdd').click(function () {
            alert("faisal");
            //$('#PanelPurchase').show(); $('#PanelExpensive').hide();
        })
    });
</script>

后端C#代码:

 protected void btnAdd_Click(object sender, EventArgs e)
    {
        PanelPurchase.Visible = true;
        Response.Write("server working");
    }

Answer 1

在按钮单击中，您调用如下 javascript 函数；

protected void btnAdd_Click(object sender, EventArgs e)
    {
        PanelPurchase.Visible = true;
        Response.Write("server working");
        Page.ClientScript.RegisterStartupScript(this.GetType(),"CallMyFunction","MyFunction()",true);
    }

然后定义javascript函数，

function MyFunction()
{
   $('#PanelPurchase').show();
   $('#PanelExpensive').hide();

}