Ext js Updating the total count of a paging toolbar on the fly

extjs javascript-framework
AMember picture AMember · Feb 6, 2011 · Viewed 23.7k times · Source

This should be fairly simple but I haven't found a way to do it yet.

I am using a ExtJs v.3.3.

I have a grid panel that allows record deletion with context menu.

The grid has a paging toolbar that is attached to the panel store.

The deletion process sends an ajax request to the server, on success I remove the record from the store (using the remove method).

The thing is that the paging toolbar does not reflect the change in the store , that is the total amount of records is unchanged until the store is reloaded.

Is there any way to set the total amount of records in the paging toolbar?

Thanks

Answer

Nitin Kamate picture Nitin Kamate · Jun 29, 2013

This works like a charm for ExtJs ver 4.1.3.

gridStore.add(record);                    //Add the record to the store    
gridStore.totalCount = gridStore.count(); //update the totalCount property of Store
pagingToolbar.onLoad();                   //Refresh the display message on paging tool bar

Related questions

Telerik KendoUI vs Sencha ExtJS?

We are going to build a enterprise grade application on Web and for that we have filtered down our choices to ExtJS and KendoUI. Both are decent and have rich features / controls, KendoUI is faster in performance than ExtJS but …

Read More
Storing JSON data in browser memory

I want to persist some JSON information in browser. Depending on user interaction with the application, I want to store 5-6 different JSON object into memory. What options I have to achieve this? Please suggest any library or plugin using …

Read More
Display a list from nested json: Sencha Touch 2

I have a list that displays a list of restaurants with the logo of the restaurant etc. The view Ext.define('Test.view.Contacts', { extend: 'Ext.List', xtype: 'contacts', config: { title: 'Stores', cls: 'x-contacts', store: 'Contacts', itemTpl: [ '<div …

Read More