How to clear grid before the second loading

Question

1.00/5 (1 vote)

See more:

Below is my procedure:
1) Upload an excel file and then populate the data in a Grid, which shows it contains 100 records.
2) Click the "Clear" button to remove the records in the Grid and also hide the Grid.
3) Repeat Step 1) again, but the Grid displays 2 sets of 100 records. If I repeat 1) and 2) again, the Grid displays 3 sets of 100 records.
How to effectively clear the Grid? Thanks.

What I have tried:

Try to clear the Grid's records but not successful.

Posted 15-Mar-21 2:16am

s yu

Updated 15-Mar-21 5:29am

Add a Solution

Comments

Richard Deeming 15-Mar-21 8:31am

Come on - you know the drill by now!

If you want someone to help you fix your code, you need to show the relevant parts of your code.

2 solutions

Solution 2

You are right.  I did have   $('#tableDiv')[0].innerHTML = '';  However, accidently, I commented out.  After having it back.  The problem is resolved.  Thanks.

Posted 15-Mar-21 5:29am

s yu

Comments

Richard Deeming 15-Mar-21 11:42am

If you want to reply to a solution, click the "Have a Question or Comment?" button under that solution and post a comment.

Do not post your comment as a new "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)

W∴ Balboos, *GHB* · Accepted Answer · 2021-03-15T02:44:00

You can clear the grid (or anything else) by just making it go away.

First - wrap your grid in an element, like <div> and give it an ID.

To populate it, create your grid as a sting of elements and keep concatenating them.
Now, use the DOM getElementById().innerHTML and set it equal to the string.

Magic - it appears!
Set that same innerHTML to '' and it all goes away.

Another route is to create nodes create the grid and add the rows in a loop, instead of concatenation.

One final thing: in the future, if your "What I have tried:" is in that form that you used (I tried to and it didn't work) I will presume you didn't try anything. There will be no help coming.