如何在回发中显示面板?

时间:2016-08-25 11:40:00

标签: javascript c# jquery html asp.net

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

观看输出when pageload panelpurchase visible false using jquery

的图像

当我点击购买单选按钮时,会显示面板购买 panelpurchase show

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

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

1 个答案:

答案 0 :(得分: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();

}