Asp:GridView DataBind in Javascript

Question

1.00/5 (1 vote)

See more:

Hi, I want to databind gridview as "datasource = null" in javascript. How to do this?

Posted 19-Apr-12 21:44pm

wide20

Updated 19-Apr-12 22:01pm

v5

Add a Solution

3 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)

Dhanamanikandan · Accepted Answer · 2012-04-19T23:09:00

Try this.

Code-behind

C#

protected void Page_Load(object sender, EventArgs e)
{
    if(!IsPostBack)
    {
        string script = String.Format("javascript:return DeleteGridView('{0}');", gvAttribute.ClientID);
        txtPercentage.Attributes.Add("onkeydown", script);
    }
}

Javascript

JavaScript

function DeleteGridView(grid_id) {
    var grid = document.getElementById(grid_id);
    if (grid.parentNode) {
        grid.parentNode.removeChild(elem);
    }
    return false;
}

AmitKumar89 · Accepted Answer · 2012-04-19T22:22:00

Solution 2

Hi there..

As I think that you wanna clear your data using javascript.. Just have a look here.. http://weblogs.asp.net/ahmedmoosa/archive/2010/10/30/bind-gridview-using-jquery.aspx[^]
I hope this will help you.
All the best..

Posted 19-Apr-12 22:22pm

AmitKumar89

Comments

sjelen 20-Apr-12 7:16am

This is not actually binding - just rendering a table on client side.
It will display the data, but sorting, paging or editing on GridView will not work this way.

Sandeep Mewara · Accepted Answer · 2012-04-19T22:08:00

Datagrid is rendered as a table. Do viewsource of any page with datagrid and see.

When you are making any change via Javascript, you are making it client side and thus you need to work at basic html level.

Try:

JavaScript

//EmptyHTMLText is whatever empty html based text you would like to set
document.getElementById("gvTest").outerHTML = EmptyHTMLText;

Asp:GridView DataBind in Javascript

3 solutions

Solution 3

Solution 2

Solution 1

Add your solution here

Preview 0