Calling a jquery function in code using vb.net

Question

having a bit of an odd problem, the situation is a bit unique in that I want to show/hide a div in instances both server side and client side, as such I cant change it to a panel.

The current code I have to change its visiblity client side, which works, is:

$('#<%= txtSurname.ClientID%>').on('input', function hideControl() {

        var current = $('#<%= txtSurname.ClientID%>').val();
        var surname = $('#<%= hdnSurname.ClientID%>').val();

        if (current == surname) {
            $('#pnlReason').hide()
            console.log('hiding');
        } else {
            $('#pnlReason').show()
            console.log('showing');
        }

    });

When a user clicks a button, the page validates, and refreshes, and the panel is rendered invisible again. As such I want to run this code again on the page load so that if the two variables are still different when the page validation is run, the panel is still visible. This is what im using to call it serverside:

 Page.ClientScript.RegisterStartupScript(Page.GetType(), "ShowHide", 
 "$(document.ready(hideControl()));", True)

When I try running it however, it says that hideControl is undefined, any ideas whats going wrong?

$('#<%= txtSurname.ClientID%>').on('input', function hideControl() { is wrong.. If you have this code in js file and if the same has been included in the page then no need to call it through Page.ClientScript and the above line should have been with anonymous function like this one $('#<%= txtSurname.ClientID%>').on('input', function() { — Guruprasad J Rao
– Guruprasad J Rao, Commented Oct 22, 2015 at 9:47

Ric · Accepted Answer · 2015-10-22 10:48:23Z

1

you could reorganise your jquery like this and once the page is refreshed, you can execute your function at the end of the document ready without the need for RegisterStartupScript():

//shorthand for document.ready
$(function () {
    var hideControl = function() {
           var current = $('#<%= txtSurname.ClientID%>').val();
           var surname = $('#<%= hdnSurname.ClientID%>').val();

           if (current == surname) {
               $('#pnlReason').hide()
               console.log('hiding');
           } else {
               $('#pnlReason').show()
               console.log('showing');
            }
       }

    $('#<%= txtSurname.ClientID%>').on('input', function () {
        hideControl();                    
    });

    //call it at end of ready function:
    hideControl();
};

edited Oct 22, 2015 at 10:48

answered Oct 22, 2015 at 10:42

Ric

13.3k3 gold badges32 silver badges36 bronze badges

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

5 Comments

user3052485 Over a year ago

Looks good, although hideControl is still coming up as undefined?

Ric Over a year ago

Are you still using the registerstartup method?

user3052485 Over a year ago

Ah my bad, removed that and tried it entirely from the client side, however when the save button is pressed the function isnt being run?

Ric Over a year ago

Assuming you have the doc ready function etc, when the post is complete it should rerun the script again. Also ensure the script is between the <script> tags

Ric Over a year ago

Copy and paste the code I provided as is and see what you get

anmarti · Accepted Answer · 2015-10-22 10:41:38Z

Since hideControl is defined as anonynous function you can't access it. You have to define the function hideControl outside of the on event handler. Put the function within the script tags in the page not in a separate file:

<script>
     function hideControl() {
    var current = $('#<%= txtSurname.ClientID%>').val();
    var surname = $('#<%= hdnSurname.ClientID%>').val();

    if (current == surname) {
        $('#pnlReason').hide()
        console.log('hiding');
    } else {
        $('#pnlReason').show()
        console.log('showing');
    }

}
</script>

Then call the function like that at server side without the parenthesis:

Page.ClientScript.RegisterStartupScript(Page.GetType(), "ShowHide", 
"$(document.ready(hideControl));", True)

Collectives™ on Stack Overflow

Calling a jquery function in code using vb.net

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related