how to clear or empty datagrid after saving data

Question

i already try

    $('#dg').datagrid('reload');    

in the description it's describe "reload the current page data" but it didn't work

first i have page like this

http://www.indojpg.com/images/994Untitled.jpg

after i add some data it becomes like this

http://www.indojpg.com/images/431Untitled2.jpg

and then after i save the data the field should became empty again like first picture

how can i do this?

anyone can help me?

thank you

Answer 1

You can clear/empty the contents by using .html('');

So $('#dg').html(''); will work in your case for clearing the datagrid

Answer 2

If only you want clear or empty datagrid, You can try this:

 $('#dg').datagrid('loadData',[]);

Answer 3

you can try this:

$('#dg').treegrid('loadData', {"total":0,"rows":[]});