Adding content to page on scroll using JQuery... issue- content has server controls

Question

5.00/5 (1 vote)

See more:

Hi I want to add Content dynamically on the ASP.NET webpage on scrolling using jquery. Basically it is a Datalist control currently which is showing data and also several command buttons for each item.
So to remove paging and improve User experience I am trying make its content dynamic by adding content on scroll but major issue is how to do this for datalist or in case if I convert it some plain HTML control then how to handle events of buttons associated to each item.

I have searched alot but didnt got a single solution explaining content added having server side control.

Any help is highly appreciated!! AM I missing something or it is something impossible?? Not getting any answer :(

Posted 16-Jun-12 7:40am

Dev S

Updated 18-Jun-12 18:46pm

v4

Add a Solution

Comments

Karthik. A 16-Jun-12 17:37pm

Check out this link. Guess you are expecting to get something like this - http://forrst.com/posts/Detect_scroll_at_bottom_with_jQuery_Endless_scr-hEA

[no name] 17-Jun-12 5:51am

HI Karthik,
I am able to fetch content using jquery on scroll but main issue I am facing is my Content has server controls and I need to bind events based on it. Currently it is a datalist through which I am doing all task how to manage it while appending content through JQuery.

Thanks!

2 solutions

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)

Vikram Bhatt · Answer 1 · 2012-06-27T08:13:00

Solution 2

as suggested use div - scroll with jquery and on scroll get more data from server using jquery ajax. try searching how facebook works... as notifications are loding on scroll.

it is not impossible !!!

Posted 27-Jun-12 8:13am

Vikram Bhatt

Rockstar_ · Answer 2 · 2012-06-18T19:27:00

Hi friends,

Display GridView in Div, and set in div properties id and display style: to scroll ,then Give the ID of the div to Jquery function. Automatically it will display scrolls when the size of the gridview is more than the width and height of the Div. and set the width and height of the div also.