How to clear the grid in Extjs

extjs4 extjs4.1 extjs4.2
Java Learner picture Java Learner · Jul 24, 2013 · Viewed 19.6k times · Source

I have a GridStore in Extjs which can store records with two grid columns. I have a problem when one record exists in Grid, if i delete the grid its been deleted successfully in server side, but that still exists in Grid.

Sample code:

    xtype: 'grid',
    store: 'SampleStore',
    border: false,
    width : 542,
    ref: '../sampleGrid',
    id: 'sampleGrid',
    columns: [
       {
       xtype: 'gridcolumn',
       dataIndex: 'name',
       header: 'Name',
       sortable: true,
   .............
    view: new Ext.grid.GridView({
    forceFit: true
    })

Thanks for help in advance.

Answer

Mike picture Mike · Jul 24, 2013

Make sure you are using:

grid.getStore().remove(record); //remove record from grid
grid.getStore().sync(); //sync with server

If you want to remove all items, do:

grid.getStore().removeAll();
grid.getStore().sync();

But be careful! That will delete everything!

Related questions

How to send extra parameters when loading a store to a combobox in ExtJS 4?

How do I send extra parameters when using a store for a combobox in ExtJS 4? I know that I can use "extraParams" in the proxy-settings, but that will affect ALL elements that is using the same store. I.e if …

Read More
add items to panel and columns to grid dynamically

I am using ExtJs 4.1 and trying to add items to panel and columns to grid dynamically. My Requirement MainPanel (Ext.panel.Panel) has 2 child items: DynamicPanel (Ext.panel.Panel) I want to add this panel to the main panel dynamically. …

Read More
dynamically set fields to a extjs data store

I am trying to dynamically set fields to a extjs data store so that I could dynamically create a different grid at run time. Case A works for me. But when I use as in Case B, the store's proxy …

Read More