如何在回发中显示面板

本文关键字:显示 | 更新日期: 2023-09-27 18:03:52

我在purchase and Expenses组中有两个单选按钮。当我点击购买单选按钮时,将显示panelpurchase,同样panelexpense将显示费用单选按钮。

使用jquery查看pagelpurchase时输出的图像

当我点击购买单选按钮,将显示panelpurchasepanelpurchase show.

现在我想要的是当我点击panelpurchase中的add按钮时,该页面将重新加载(postpack),并且该postback页面应该显示该面板购买。

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");
    }

如何在回发中显示面板

在按钮点击中调用如下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();
}