I need to show table row on asp linkbutton

Question

In asp.net Project, firstly I have to hide the table row and when click on linkbutton then show this table row. So I call a function on OnClientClick of link button with name ShowDiv. Now issue is that after calling that function, It again go to document.readyfunction.

    <script type="text/javascript">
    $(document).ready(function () {
        $("#trUpdateImportEmail").hide();
    });
    function ShowDiv() {
        $("#trUpdateImportEmail").show()
    }
</script>

 <asp:LinkButton ID="lnkUpdateEmail" runat="server" CausesValidation="False" CommandName="Select" Text='Update Import Email' OnClientClick="Show()"></asp:LinkButton>

Can you post the markup for the link button? Does the page reload when you click the button? — Dr Rob Lang, Jun 21 '16 at 09:59
@Rob Lang: Please check now . I also try to set default display :none for 'trUpdateImportEmail' , and linkbutton will call ShowDiv function. But still getting the same issue — lipika chakraborty, Jun 21 '16 at 10:14
You need to `OnClientClick="return Show()"`. This is a duplicate question. — Dr Rob Lang, Jun 21 '16 at 10:17

score 2 · Accepted Answer · answered Jun 21 '16 at 10:21

In your code document is reloaded on click button. So prevent document reload by using return false or event.preventdefault() in your function.

  <script type="text/javascript">
$(document).ready(function () {
    $("#trUpdateImportEmail").hide();
});
function ShowDiv() {
    $("#trUpdateImportEmail").show();
    return false;
}

Or

  <script type="text/javascript">
$(document).ready(function () {
    $("#trUpdateImportEmail").hide();
});
function ShowDiv(event) {
    event.preventdefault();
    $("#trUpdateImportEmail").show();
}

score 1 · Answer 2 · answered Jun 21 '16 at 10:16

Because asp:LinkButton is a server side control, it will eventualy postback. when your debugger "jumps" again to the document.ready, it because the page has probably been reloaded.

when using OnClientClick, it doesn't replace the LinkButton behavior (i.e postback), it just runs before it.

try returning false from the js function (because it returns true). and let your OnClientClick look like:

return ShowDiv();

I need to show table row on asp linkbutton

2 Answers2