Can i change the datalist datasource in javascript ?

Question

0.00/5 (No votes)

See more:

Hi all ,

I want to ask if i can change the datasource of datalist from javascript or jquery.Since i want to change the datasource without refreshing the page.Or if not,is there anyway to change the datasource without page refresh ?

Thanks in advance.

Posted 31-Aug-11 8:57am

mhamad zarif

Add a Solution

Comments

Uday P.Singh 31-Aug-11 14:59pm

what are the data sources are you using?

mhamad zarif 31-Aug-11 15:06pm

i want to use the dataset as datasource.Since i am planning to add items to the datalist when user scroll down(like facebook).So i have done the scroll down issue,but in the web method it is calling i am returning a new dataset that has the more items to a javascript function.So i want in this javascript function to change the datasource of the datalist to this returned dataset.

mhamad zarif 31-Aug-11 15:07pm

please look at my code down.

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)

mhamad zarif · Answer 1 · 2011-08-31T09:09:00

XML

<script type="text/javascript">
        $(document).ready(function() {

            function lastPostFunc() {
                $('#divPostsLoader').html('<img src="images/bigLoader.gif">');

                //send a query to server side to present new content
                $.ajax({
                    type: "POST",
                    url: "Articles.aspx/ItemsGet",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function(data) {

                        if (data != "") {
                           
                        }
                        $('#divPostsLoader').empty();
                    }

                })
            };

            //When scroll down, the scroller is at the bottom with the function below and fire the lastPostFunc function
            $(window).scroll(function() {
                if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                    lastPostFunc();
                }
            });

        });
    </script>

So in the Itemsget method i am returning the new dataset.So in the success function i want to change the datasource of the datalist to this dataset.

Abhijit Jana · Answer 2 · 2011-08-31T09:50:00

You really don't need to data source to avoid the page refresh. You can use AJAX XMLHTTPRequest or Jquery to Load the data dynamically with out refreshing the page. Jquery .Load() loads data from the server and place the returned HTML into the matched element that provided.
http://api.jquery.com/load/[^]

Can i change the datalist datasource in javascript ?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0