how to bind grid

Question

0.00/5 (No votes)

See more:

I am developing a system using asp.net(c#) , ajax and java scripts. I want to bind a dataset to a grid-view using a JavaScript function. the java script function is written in a different .js file and linked to the aspx page. I am calling that function in "onclientclick" method in a button because I want to stop post back. I am not using an update panel. I am calling code behind function to get the required dataset. I have successfully taken the dataset to the function but the problem is how to set the data source & call the databind method of a gridview in javascript?

Posted 27-Jan-11 1:48am

saurabhmaghar

Updated 27-Jan-11 3:15am

Henry Minute

v2

Add a Solution

Comments

Pravin Patil, Mumbai 27-Jan-11 7:56am

Hi Saurabh,
You have already executed the postback while fetching the data in the dataset.
And there is no sense in binding the datagrid in javascript. Because you will have to execute the postback to get the data from database.

Sandeep Mewara 27-Jan-11 9:25am

Not exactly. Have a look at my answer.

Christian Graus 27-Jan-11 9:18am

I would agree with the answer you were given and add that you desperately need to read a book on ASP.NET, it's clear you don't understand the server/client division at all.

Sandeep Mewara 27-Jan-11 9:27am

Can I have something like I mentioned in answer as a resolution?

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)

soni uma · Answer 1 · 2011-01-27T01:56:00

Solution 1

Actually you can't. I think you are new in asp.net. Else you can not do it. If you u use ajax than why you want to do using javascript. By javascript you can do only one thing. Bind a html and assign to div. But in that case there is difficult to sorting and paging and other formation like gridview.

Posted 27-Jan-11 1:56am

soni uma

Comments

Sandeep Mewara 27-Jan-11 9:25am

I would not fully agree. Have a look at my answer.

Sandeep Mewara · Answer 2 · 2011-01-27T03:25:00

You cannot bind the grid on client side but you can surely get the new data displayed using Javascript.

Have a look at this article: ClientCallback custom control for web applications[^]

Something similar can be done. Once you have the new dataset binded to the grid on server side, get the Grid into html writer text and pass it on via Response to Javascript. Replace the html of Grid. Done!

Something like:

C#

protected void RebindDataGrid()
{
    DataTable dt = RetrieveDataTable();
    gvTest.DataSource = dt;
    gvTest.DataBind();

    //Setting of the response output for callback
    using (System.IO.StringWriter sw = new System.IO.StringWriter())
    {
        gvTest.RenderControl(new HtmlTextWriter(sw));
        Response.Write(sw.ToString());
    }
}

JavaScript

function ResponseRecieved(responseText)
{
    // Based on responseText, action taken on client side
    document.getElementById("gvTest").outerHTML = responseText;
}