jquery click事件中的Javascript doPostBack

Question

I have an existing js function that is fired as a click event on all 'a' elements...

$(document).ready(function hideRanges() {
$('a').click(function (event) {
    $('.ranges, #UpdatePanel').hide();       
});

});

When an 'a' tag is clicked, 2 div classes are hidden. It works.

I also need this same click event to unbind a SqlDataSource from a GridView in asp.net. Here is the unbind code behind...

        protected void unBind_Click(object sender, EventArgs e)
    {
        int rowCount = GridView2.Rows.Count;

        if (rowCount > 0)

        {
            GridView2.DataSource = null;
            GridView2.DataBind();
            RowCount.Text = GridView2.Rows.Count.ToString();
        }

    }

It also works. I have hidden this button, though, and need it to fire with the js click event above.

I have tried things such as...

$(document).ready(function hideRanges() {
$('a').click(function (event) {
    $('.ranges, #UpdatePanel').hide();
    javascript: __doPostBack('<%= unBindGrid.UniqueID%>', '');
});

});

But it does not seem to work properly.

Any advice much appreciated. Thank you!

Answer 1

I got this working by routing to the ID of the asp:button...

$(document).ready(function hideRanges() {
$('a').click(function (event) {
    $('.ranges, #UpdatePanel').hide();
    $("input[id$='unBindGrid'").click();
});

});

Thank you!