Row Visiblity Issue and Gridview Row Deletion through JavaScript

Question

0.00/5 (No votes)

See more:

HI Guys,

I have a scenario like this.

JavaScript

if (row.visible)
{
    //do this
}
else
{
    //do that and
    row.visible = true;
}

This is working pretty fine when comes in the code for first time and shows the row properly.

after that I am using remove row function which is making row's visibility to hidden and display to none through JavaScript..

That is working too and hiding that row as well.. but problem comes after that ,, When I again come to the above code it is till showing

JavaScript

row.visible = true

although I have done

JavaScript

row.style.visibility = 'hidden';
and row.style.display = 'none';

... So Can any body give me idea how to do this scenario... :(

Posted 26-Sep-13 19:17pm

VICK

Updated 26-Sep-13 20:57pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v2

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 27-Sep-13 3:05am

If you want to remove it, you can do it easily.

Is there any reason to hide it? Let me know.

VICK 27-Sep-13 3:10am

Actually Row is having a Gridview inside it.. and I am removing Gridview Rows through Javascript and when last row got removed than I am making visibility of whole Row containing Gridview to hidden.. and if user again click on add button than again row is showing up with those values.
But as you said I can remove the row.. So Will it effect the Gridview or Row design.??

I mean after removing a Row ,, Can It be shown again along with the content and css etc???

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 27-Sep-13 3:18am

It will affect. Removing means deleting, so it can't be reverted.

Okay tell me one thing. Is the below code is in javaScript or Code Behind?

if (row.visible)
{
//do this
}
else
{
//do that and
row.visible = true;
}

VICK 27-Sep-13 3:27am

:(
this is on Server side..i.e Code Behind.

Further if you dont mind can you clear my one more concept..
My working is like that..

I am populating Gridview through serverside without binding to DB,
Than I am removing some rows through JavaScript.

But If i try to get the data which is showing currently in Gridview on server side, than it is also showing the deleted data as well>>

Y is it so?? and how to just get the current data???

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 27-Sep-13 3:32am

When you delete a row in javaScript, it is only deleted on client side.
If you want to completely delete it, then you have to delete the row from Database.

So, you can do a Ajax jQuery call to Web method on Server side. Then from that Web Method, you can run a SQL Script to delete that row from Database.

Got it?

VICK 27-Sep-13 3:35am

Tadit,, Actually I am binding Gridview on runtime only and there no DB Involved yet.
I am getting values from some controls, adding them in datatable and than binding the datatable to the gridview.
So can you tell me any method to remove this type of Gridview Rows?? on serverside?

Or as you said that Rows will be delted only on client side,,so is there any method to rebind the gridview on clientside???

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 27-Sep-13 3:37am

Okay I got it now. So, you need to delete rows from DataTable itself.

For that, you can follow the same method as I told you. Call a Web Method by jQuery Ajax and in that function Delete the row from DataTable.

Can you do it?

VICK 27-Sep-13 3:49am

Dont you have any other option than the JQUERY??? That's not feasible for me.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 27-Sep-13 3:55am

Why it's not feasible? It's the most amazing and easy to use library.

Otherwise go for a asp UpdatePanel.

VICK 27-Sep-13 3:59am

Okay..Give me a bit idea about Update Panel usage for this purpose.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 27-Sep-13 4:12am

You can have your GridView inside UpdatePanel and whatever operation you perform will be synchronized with Code Behind.

You can search in Google for that. Something like "GridView + UpdatePanel".

VICK 27-Sep-13 5:29am

Ok.. Thanks.. Will give it a hand soon...

1 solution

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)

jaideepsinh · Answer 1 · 2013-09-26T19:40:00

Solution 1

I think you have to set row visible value false before any operation you do. Because some time it will take last change value and generate wrong o/p so set it's value false then do any operation true or false like below :

JavaScript

row.visible = false;

if (row.visible)
{
    //do this
}
else
{
    //do that and
    row.visible = true;
}

Accept as answer and vote if help.

Posted 26-Sep-13 19:40pm

jaideepsinh

Updated 26-Sep-13 21:03pm

v3

Comments

VICK 27-Sep-13 1:46am

But It will and It is making row.visible condition always false because row.visible is happening on the server side(codebehind).. Further let me clear you that its not taking last value as m doing in else on next iteration...Rather its not considering the changes i m doing through JavaScript....

SO Any other solution???