How to call client script from User Control in ASP.Net?

Question

I have read many reference for this question but not getting result. So, I thought let me try to explain my scienario here.

This is my 3 script which is in view.ascx control. I want to call it in .cs file function and in click event.

view.ascx

<script type="text/javascript">
function startLoading() {
    alert("load start");
    var el = jQuery(".scp-entry-header");
    App.blockUI(el);
}


function stopLoading() {
    alert("load end");
    var el = jQuery(".scp-entry-header");
    App.unblockUI(el);
}

function getCalendarData() {
    alert("calendarcalled");
}
</script>

view.ascx.cs

//ViewData button click
protected void btnGetData_Click(object sender, EventArgs e)
{
    //How to call startLoading function here?
    process from database;
    //How to call stopLoading function here?
}

//simple function call
protected void showCalendar()
{
    //How to call getCalendarData function here?
}

I have read about RegisterScript but not getting result. I don't understand where to RegisterScript and how to call it in function.

Can anybody please suggest me in detail how can I call javascript function here?

Possible duplicate of How do I call javascript from asp.net button click? — Ricardo Souza
– Ricardo Souza, Commented Jan 11, 2017 at 12:23
@rcdmk it's not same. I want to call javascript function from .cs file(not on button click only). I also want to call javascript in simple function of .cs file. I have edited my question to more clear it. Please correct me to stop misunderstanding. — Nanji Mange
– Nanji Mange, Commented Jan 11, 2017 at 12:28

Jignesh Hirpara · Accepted Answer · 2017-01-11 13:29:18Z

1

Try This

 protected void btnGetData_Click(object sender, EventArgs e)
 {
        //How to call startLoading function here?
        process from database;
        //How to call stopLoading function here?
       Page.ClientScript.RegisterStartupScript(this.GetType(), "script", "startLoading", true);
 }

or

 ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", "<script>alert('Hello.')</script>", false);

answered Jan 11, 2017 at 13:29

Jignesh Hirpara

1351 silver badge5 bronze badges

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

2 Comments

Nanji Mange Over a year ago

Will this helpful in case of User Control? My question is for UserControl

Jignesh Hirpara Over a year ago

You need to add delegation or custom event for link button of you user control and using custom event you can call this .

Ricardo Souza · Accepted Answer · 2017-01-11 12:58:21Z

1

Have in mind that you can't call a JavaScript function in the middle of your C# code and continue executing you server side code.

All calls to a JavaScript function on the .cs file are just a scheduling/marking for execution after the server side code executes. They are not executed alongside server code.

In other words, you will have to implement this with UpdatePannels and async code for this to work, or better yet, implement this as async calls in JavaScript.

Code for the client should be on the client. Try not to mix them.

answered Jan 11, 2017 at 12:58

Ricardo Souza

16.5k6 gold badges40 silver badges70 bronze badges

1 Comment

Nanji Mange Over a year ago

Thanks. I have read some reference(stackoverflow.com/questions/18036508/…) but it is not useful. Can you guide me what should I do to handle above situation?

Collectives™ on Stack Overflow

How to call client script from User Control in ASP.Net?

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related