How to empty / clear all rows in easyUI datagrid? I mean a real 'clearing'

[aswzen]

How to remove all data in a datagrid?

i know before another way to clear a datagrid is using

        

Code:

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

or
        

Code:

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

or

Code:

var rows = $('#cc').datagrid('getSelections');  // get all selected rows
for(var i=0; i<rows.length; i++){
	var index = $('#cc').datagrid('getRowIndex',rows[i].id);  // get the row index
	$('#cc').datagrid('deleteRow',index);
}

....why don't we just call  

Code:

$('#cc').datagrid('clear') 

just like the combogrid???

and somehow ive just found a bug...

if you call this script

Code:

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

it will reload the current datagrid remotely and then populated with the local empty data..
just look at pic below, the datagrid load data remotely then localy after i fired the $('#cc').datagrid('loadData', [])


i need explanation..

thanks in advance.

[stworthy]

Calling the code $('#cc').datagrid('loadData', []); just clear the datagrid data. This does not make request to the remote server. If your issue continues, please try to download the patch from http://www.jeasyui.com/download/downloads/jquery-easyui-1.4-patch.zip.

[aswzen]

i'am using jeasyui 1.4 + your patch...and the problem still unsolved..the datagrid populates again from server..i just want to clear it.,,

here my program listing...

Code:

<a href="#" onClick="emptyMe();">Clear</a>
<table 
                id="table_program" 
                class="easyui-datagrid" 
                data-options="
                    url:'bams/admin/program/list_program',
                    title:false
                ">
                <thead>
                <tr>
                     <th data-options="field:'PROGRAM_ID'" sortable="true">ID</th>
                     <th data-options="field:'PROGRAM_NAME'" sortable="true">Program Name</th>
                </tr>
                </thead>
            </table>

Code:

<script>
function emptyMe(){
        $('#table_program').datagrid('loadData', []);
        return false;
}
</script>

here the pic that shows the $('#table_program').datagrid('loadData', []); fires the datagrid to reload data from server(remote)..

thanks