Intersoft Community - WebGrid Enterprise - LoadMoreData and scroll position

LoadMoreData and scroll position

handy@intersoftpt.com — Mon, 02 Nov 2009 00:33:45 GMT

Hello,

My previous scenario only supports to pesrsist the scrollbar not the selecting row. In fact, it is only working when scrolling, not click on LoadMore. Based on your scenario, i think the best approach is my first work around which is selecting a record after load more. Here is the modification i made on your modified sample. Hope this snippet codes could help you mantain your scenario.

function WebGrid1_OnAfterResponseProcess_1(controlId, actionName, lastRequestObject, xmlResponseObject)
{
     var grid = ISGetObject(controlId);
     window.setTimeout(function() { if (grid.TotalLoadedRows <= grid.TotalRows) grid.RootTable.GetRow(grid.TotalLoadedRows - 2).Select(); }, 1000);
     return true;
}

Regards,

Handy

LoadMoreData and scroll position

Skgrid@intersoftpt.com — Fri, 30 Oct 2009 05:23:55 GMT

Hi Handy,

I have copied your sample page contents to my test project.

Please find the attached sample.

To be more clear Say if we are having 100 records and virtualpagesize is 20.

First we are in Page1 where we are seeing 20 records.

When we do a scrolling or click on LoadMore Icon the Scrollbar should point it around 38th record position or so.

Thanks in advance,

Regards,

madhavan

LoadMoreData and scroll position

handy@intersoftpt.com — Fri, 30 Oct 2009 03:18:52 GMT

In my sample, could you record a video to show me when Request.Form["scrollTopPos"] is not getting from aspx page? I need to know to check in what behaviour that can cause the issue you told about.

Regards,
Handy

LoadMoreData and scroll position

Skgrid@intersoftpt.com — Fri, 30 Oct 2009 00:24:43 GMT

Hi Handy,

Your sample is not working fine.

You are checking the following code in server side.

protected void WebGrid1_InitializePostBack(object sender, PostbackEventArgs e)

{

void WebGrid1_InitializePostBack(object sender, PostbackEventArgs e)

{

// only perform the below function // when the last action performed by the // grid OTFPB is 'Refresh' if ((e.Action == "Refresh" || e.Action == "More") && WebGrid1.SelectedRowKeyValue != null)

{

// prepare the parameter to be // passed over to the client side // in order to set back the previous // vertical scroll position

FunctionParameter[] parm = new FunctionParameter[1];

parm[0].Type = "x";

new FunctionParameter[1];

parm[0].Type = "x";

"x";// obtain the value passed from the client // side using AddInput method

parm[0].Value = Request.Form["scrollTopPos"];

"scrollTopPos"];if (parm[0].Value != null)

{

// invoke the js function // in order to set the vertical scroll position

WebGrid1.ClientAction.InvokeScript("ApplyLatestScroll", parm);

}

But the Request.Form["scrollTopPos"] is not getting passed from aspx page.

Please check and let me know.

Regards,

Madhavan

"ApplyLatestScroll", parm);

}

But the Request.Form["scrollTopPos"] is not getting passed from aspx page.

Please check and let me know.

Regards,

Madhavan

LoadMoreData and scroll position

handy@intersoftpt.com — Thu, 29 Oct 2009 22:17:20 GMT

But my sample works fine, right? I think maybe different stuctures can have different result. It would be more helpful if you can send me a simple working sample and i will investigate for you.

Regards,
Handy

LoadMoreData and scroll position

Skgrid@intersoftpt.com — Thu, 29 Oct 2009 06:06:32 GMT

Hi Handy,

In The sample there is no scrollposition getting passed from client side.

I modified the sample based on webgrid 4.0 sample.'

But always

grid.RootTable.GetElement(WG40.BODY, WG40.HTMLDIV).scrollTop is returning 0.

Please advice.

Regards,

Madha

function DoBeforeRequest(gridId,action)
{	
	
	debugger;
	var grid = ISGetObject(gridId);
	
	
	var vl = grid.RootTable.GetElement(WG40.BODY, WG40.HTMLDIV).scrollTop + "";

	
	if(action=="More")
	{
		grid.AddInput("scrollTopPos", vl);
	
	}
	return true;
}
function ApplyLatestScroll(x) 
        {
            alert('in');
            var grid = ISGetObject("WebGrid1");
            
            grid.RootTable.GetElement(WG40.BODY, WG40.HTMLDIV).scrollTop = x;
            return true;
        }


  void WebGrid1_InitializePostBack(object sender, PostbackEventArgs e)
    {
        if (e.Action == "More" )
        {
            ISNet.WebUI.FunctionParameter[] parm = new ISNet.WebUI.FunctionParameter[1];
            parm[0].Type = "x";

            
            parm[0].Value = Request.Form["scrollTopPos"];
            if (parm[0].Value != null)
            {
                
                WebGrid1.ClientAction.InvokeScript("ApplyLatestScroll", parm);
            }
        }
    }

grid.RootTable.GetElement(WG40.BODY, WG40.HTMLDIV).scrollTop is returning 0.

Please advice.

Regards,

Madha

function DoBeforeRequest(gridId,action)
{	
	
	debugger;
	var grid = ISGetObject(gridId);
	
	
	var vl = grid.RootTable.GetElement(WG40.BODY, WG40.HTMLDIV).scrollTop + "";

	
	if(action=="More")
	{
		grid.AddInput("scrollTopPos", vl);
	
	}
	return true;
}
function ApplyLatestScroll(x) 
        {
            alert('in');
            var grid = ISGetObject("WebGrid1");
            
            grid.RootTable.GetElement(WG40.BODY, WG40.HTMLDIV).scrollTop = x;
            return true;
        }


  void WebGrid1_InitializePostBack(object sender, PostbackEventArgs e)
    {
        if (e.Action == "More" )
        {
            ISNet.WebUI.FunctionParameter[] parm = new ISNet.WebUI.FunctionParameter[1];
            parm[0].Type = "x";

            
            parm[0].Value = Request.Form["scrollTopPos"];
            if (parm[0].Value != null)
            {
                
                WebGrid1.ClientAction.InvokeScript("ApplyLatestScroll", parm);
            }
        }
    }

LoadMoreData and scroll position

Skgrid@intersoftpt.com — Thu, 29 Oct 2009 04:30:24 GMT

Hi Handy,

Thanks for the sample.

I will try and let you know.

Regards,

Madhavan

LoadMoreData and scroll position

handy@intersoftpt.com — Wed, 28 Oct 2009 04:30:53 GMT

hi Madhavan,

My workaround can also work. Have you tested it? If you don;t want it, please try this new sample. Every time, you load more by scrolling down, it would mantain the scrolling position. Hope this would be more suitable with your scenario.

Regards,
Handy

LoadMoreData and scroll position

Skgrid@intersoftpt.com — Tue, 27 Oct 2009 05:54:02 GMT

Hi Handy,

Why we were not able to maintain the Scroll position?

It is always going top after scrolling down.

So many of our customers are asking for this.

Can you please check with your developers and let us know?

Regards,

Madhavan

LoadMoreData and scroll position

handy@intersoftpt.com — Tue, 27 Oct 2009 04:06:07 GMT

Hello,

For now, it could not set via property. Please see my attachment sample for workaround. My idea is selectiong a row where it loads more.

Regards,
Handy

LoadMoreData and scroll position

Skgrid@intersoftpt.com — Mon, 26 Oct 2009 09:45:27 GMT

Hi all,

Whenever we are having multiple records say 200 in the grid.

By default we are loading say 50 rows.

As you scroll down, it keeps loading more 50 rows...
However, after loading it scrolls back to the top of the grid.

Please advice on the above concern.

Regards,

Madhavan