window.scrollto not working in gridview pageindexchanging

Question

1.00/5 (1 vote)

See more:

C#

protected void grdArchive_PageIndexChanging(object sender, GridViewPageEventArgs e)
   {
       grdArchive.PageIndex = e.NewPageIndex;
       GetArchive();

       System.Text.StringBuilder sb = new System.Text.StringBuilder();
       sb.Append("<script language='javascript'>");
       sb.Append(" window.scrollTo(0,0);");
       sb.Append("</script>");
       System.Web.UI.ScriptManager.RegisterStartupScript(this, this.GetType(), "JCall1", sb.ToString(), false);
   }

I have added this JavaScript code inside GridView event grdArchive_PageIndexChanging for going to top of the page after grid refresh with new data, but this is not working.

Please help me to do this.

Posted 19-Dec-12 18:26pm

KuntalBose

Updated 19-Dec-12 18:43pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v3

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Dec-12 2:48am

Have you used any AJAX features like Update Panel or something?

KuntalBose 20-Dec-12 3:15am

yes i used update panel.and i want to do this process within the update panel.you can see the page http://www.goodnewstab.com/archive[^]

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Dec-12 4:46am

Please check my answer.
Thanks...

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2012-12-19T22:46:00

Solution 1

Use PageIndexChanged Event instead of PageIndexChanging Event.
And no need to use string buider to append the script tags.
Just the JavaScript code will do.

C#

protected void grdArchive_PageIndexChanged(object sender, EventArgs e)
{
      System.Web.UI.ScriptManager.RegisterStartupScript(this, this.GetType(), "ajax_client_script", "window.scrollTo(0,0);", true);
}

Try this and let me know.

Thanks...

Posted 19-Dec-12 22:46pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

KuntalBose 20-Dec-12 7:12am

nothing is happen

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Dec-12 7:16am

Try giving the alert and test like below...


System.Web.UI.ScriptManager.RegisterStartupScript(this, this.GetType(), "ajax_client_script", "alert("Called");", true);

KuntalBose 20-Dec-12 7:21am

alert is working fine but window.scrollTo(0,0); not working in gride and also a button click http://www.goodnewstab.com/subcription

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Dec-12 7:24am

What I have to do this link?
You have one live website, right?
So, can you show me where you implemented the alert?
Link to the Page?

KuntalBose 20-Dec-12 7:45am

i tried with the alert in local and live this is work fine but this window.scrool(0,0) not working

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Dec-12 8:14am

So, the page is not going to top, correct ?

KuntalBose 20-Dec-12 10:40am

yes

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Dec-12 0:50am

As alert is working, that means the code is correct.
And window.scrollTo(0,0); should work for sure.
As You have one live website for this, then please let me see what is wrong.
Provide me the URL of the live website where this is happening.

Waiting for your reply.
Thanks...

KuntalBose 21-Dec-12 2:39am

http://www.goodnewstab.com/archive

in this url I use postbacktrigger instabe of AsyncPostBackTrigger and now its working

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Dec-12 2:44am

Yes I have checked this link yesterday and this was going to top when AsyncPostBackTrigger was there. Have you checked correctly ?
If you use PostBackTrigger, then what is the need of Update Panel.

I checked this link yesterday and I saw it was going to top after the Page Index Changing. But I thought you have given this link as a reference. So, I did not tell you.

But it was working. It was going to top.

Please reply.

Thanks...

KuntalBose 21-Dec-12 2:56am

yesterday in which browser u check if you check in chrome then you see after go to top the dromdown is selected.after page index change i focus in the drop down.
thats why page go to top after AsyncPostBackTrigger.:)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Dec-12 2:59am

Can you change to AsyncPostBackTrigger and let me test in all browsers with the code I suggested in Page Index Changed?
I will see if it is working or not?

KuntalBose 21-Dec-12 3:01am

wait a while i will change it to AsyncPostBackTrigger and Page Index Changed
and let u know

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Dec-12 3:05am

Thanks, I will wait.

KuntalBose 21-Dec-12 3:36am

i write
protected void grdArchive_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
grdArchive.PageIndex = e.NewPageIndex;

GetArchive();
//System.Web.UI.ScriptManager.RegisterStartupScript(this, this.GetType(), "ajax_client_script", "window.scrollTo(0,0);", true);
}
protected void grdArchive_PageIndexChanged(object sender, EventArgs e)
{

System.Web.UI.ScriptManager.RegisterStartupScript(this, this.GetType(), "ajax_client_script", "alert('HI')", true);
}

wihin update panel AsyncPostBackTrigger

check link http://www.goodnewstab.com/archive
now i put alert('HI'),its working properly but window.scrool(0,0) not working

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Dec-12 3:46am

Please remove the alert and add the window.scrollTo(0,0); now from grdArchive_PageIndexChanged event
Thanks...

KuntalBose 21-Dec-12 3:47am

check

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Dec-12 4:56am

I checked and it is not working.
I saw in firebug that the after the event grdArchive_PageIndexChanged, some other event is executing one script like window.scrollTo(0, 1487);.
So, it is not moving to top.

But now I can see that you reverted back again.
I will try that with jQuery, if you would again do AsyncPostBackTrigger.
Please do it, I want to this because there is no need of UpdatePanel if you are posting back and I want to help you.

So, please reply.
Thanks...

KuntalBose 5-Jan-13 14:26pm

hi,i am facing another problem,i want calendar with 12 months can u please help me

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 7-Jan-13 2:43am

Hello,
Which Calendar you are referring? Please give some details.
Where you want to implement and how?