Why is LinkButton not executing the Click function from code behind

Question

I have a GridView which has these two controls:

<asp:Button UseSubmitBehavior="false" runat="server" ID="btnShow" CssClass="btnSearch" Text="View All" CommandName="ViewAll" CommandArgument='<%#((GridViewRow)Container).RowIndex%>' OnClick="btnShow_Click" />

<asp:LinkButton runat="server" ID="btnShow2" CssClass="btnSearch2" Text="View Allst" CommandName="ViewAll" CommandArgument='<%#((GridViewRow)Container).RowIndex%>' PostBackUrl="JavaScript:void(0);" OnClientClick="return false;" OnClick="btnShow_Click">View Alls</asp:LinkButton>

code-behind:

protected void btnShow_Click(object sender, EventArgs e)
{
    System.Web.UI.WebControls.Button btn1 = (System.Web.UI.WebControls.Button)(sender);
    string strCA = btn1.CommandArgument;
    string strCN = btn1.CommandName;
    int index = 0;

    if (strCN == "ViewAll")
    {
        index = Convert.ToInt32(strCA);

        DataTable cacheTable = HttpContext.Current.Cache["ResultsTable"] as DataTable;

        string column = cacheTable.Rows[index].Field<string>("Guideline");
        string test = BookingResults.Rows[index].Cells[7].Text;
        string html = HttpUtility.HtmlDecode(column);

        ResultsDiv.InnerHtml = html;
    }
}

JQuery:

$(document).ready(function () {

    //Click the button event!
    $(".btnSearch").click(function (e) {
        e.preventDefault();
        alert($(this).val() + " Clicked");

        //centering with css
        centerPopup();
        //load popup
        loadPopup();
    });

    $(".btnSearch2").click(function (e) {
        e.preventDefault();
        alert($(this).val() + " Clicked");

        //centering with css
        centerPopup();
        //load popup
        loadPopup();
    });

    $("#popupContactClose").click(function () {
        disablePopup();
    });

    $("#backgroundPopup").click(function () {
        disablePopup();
    });

    //Press Escape event!
    $(document).keypress(function (e) {
        if (e.keyCode == 27 && popupStatus == 1) {
            disablePopup();
        }
    });
});

var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup() {
    //loads popup only if it is disabled
    if (popupStatus == 0) {
        $("#backgroundPopup").css({
            "opacity": "0.7"
        });
        $("#backgroundPopup").fadeIn("slow");
        $("#popupContact").fadeIn("slow");
        popupStatus = 1;
    }
    alert(popupStatus);
}

//disabling popup with jQuery magic!
function disablePopup() {
    //disables popup only if it is enabled
    if (popupStatus == 1) {
        $("#backgroundPopup").fadeOut("slow");
        $("#popupContact").fadeOut("slow");
        popupStatus = 0;
    }
    alert(popupStatus);
}

//centering popup
function centerPopup() {
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupContact").height();
    var popupWidth = $("#popupContact").width();
    //centering
    $("#popupContact").css({
        "position": "absolute",
        "top": windowHeight / 2 - popupHeight / 2,
        "left": windowWidth / 2 - popupWidth / 2
    });
    //only need force for IE6

    $("#backgroundPopup").css({
        "height": windowHeight
    });
}

HTML that displays the popup:

<div id="popupContact">
       <a id="popupContactClose" title="Close Window">x</a>
       <h3>Booking Guidelines</h3>
        <asp:Panel ID="Panel1" runat="server" style="vertical-align:top"  ScrollBars="Vertical" Height="300px" ForeColor="Black">
        <div id="ResultsDiv" runat="server" style="vertical-align:top" > </div>
        </asp:Panel>
</div>
<div id="backgroundPopup"></div>

The GridView generates multiple rows, where each row the button will have a different INDEX number to reference the session table being used to populate ResultsDiv.InnerHtml = html;.

When I click on btnShow Button it displays the alert and shows the popup with the updated ResultsDiv.InnerHtml = html; by using the code-behind for a split second and does a postback and reloads the page.

When I click 'btnShow2' LinkButton it displays the alert and shows the popup and does not do a postback. The only issue I am having is, it doesn't access the code-behind to update ResultsDiv.InnerHtml = html; so it is always displaying the same result no matter what row the button is clicked.

How do I modify my code so that it updates the ResultsDiv.InnerHtml = html; and displays the popup every time the button is clicked on any of the row and does NOT do a postback?

Dgan · Accepted Answer · 2014-09-23 18:23:57Z

1

If You Remove Both OnClientClick="return false;" and PostBackUrl="JavaScript:void(0);" then definitely it will postback. You can observe your HTML generated/rendered if you set both attributes with Postback event WebForm_DoPostBackWithOptions which should be something like

javascript:__doPostBack('BookingResults$ctl02$btnShow2','')

<a href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;BookingResults$ctl03$btnShow2&quot;, &quot;&quot;, false, &quot;&quot;, &quot;JavaScript:void(0);&quot;, false, true))" class="btnSearch2" id="BookingResults_btnShow2_1">View Alls</a>

answered Sep 23, 2014 at 18:23

Dgan

10.3k1 gold badge33 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

SearchForKnowledge Over a year ago

Thanks. How do I prevent the postback?

Dgan Over a year ago

Using Update Panel or AJAX calls with jquery

SearchForKnowledge Over a year ago

Should I put the ResultsDiv DIV and the GridView inside an UpdatePanel?

SearchForKnowledge Over a year ago

Or should I just put the LinkButton and ResultDIV inside UpdatePanel since that will be the only time I don't want a PostBack?

Dgan Over a year ago

you can use multiple update panels or you can wrap Update panel for those controls for which you dont want to postback

|

mason · Accepted Answer · 2014-09-23 17:53:16Z

0

You have OnClientClick="return false;". That cancels the postback. To fix it, remove that attribute from your LinkButton declaration.

Also, not sure what PostBackUrl="JavaScript:void(0);" does. I've never seen someone to do that. You might try eliminating that if it's not necessary.

answered Sep 23, 2014 at 17:53

mason

32.8k12 gold badges83 silver badges127 bronze badges

2 Comments

SearchForKnowledge Over a year ago

I removed it and it doesn't access the code-behind still :/ I have a breakpoint in the Click event and only the Button fired the function but the LinkButton doesn't. JQuery works for both. It is a visual web part if it helps.

SearchForKnowledge Over a year ago

The LinkButton isn't even firing the Click method! :/ It is inside a GridView

Collectives™ on Stack Overflow

Why is LinkButton not executing the Click function from code behind

2 Answers 2

6 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related