Introduce the grid plugin pGridPaging.

models/db_widgets.py

@@ -77,8 +77,8 @@ pgm.customize_form('publications',
 				    )
 
 
-pgm.customize_grid(plugins=['pGridRowEditorToolbar',
-						    'pGridRowEditorContextMenu'])
+pgm.customize_grid(plugins=['pGridRowEditorContextMenu',
+						    'pGridPagingBar',])
 
 
 # add template column to grid

modules/plugin_dbui/dbsvc.py

@@ -380,17 +380,18 @@ class DbSvc(BaseSvc):
 		query = ''
 		if "where" in self._vars:
 			query = self._encode_query(self._list(self._vars["where"]))
-							
+		
 		# handle paging options (see Ext.PagingToolbar)
-		kwargs = {}
+		# Count the number of record in the table --require for the paging
+		kwargs, results = {}, None
 		if 'start' in self._vars and 'limit' in self._vars:
 			kwargs['limitby'] = (int(self._vars.start), int(self._vars.limit))
-			
-		# proceed the select
+			results = self._db(self._db[table].id).count()
+		
 		rows = self._db(query).select(*fields, **kwargs)
 
 		self._debug("End DbSvc.read")
-		return {"success": True, "data": rows_serializer(rows)}
+		return {"success": True, "results": results, "data": rows_serializer(rows)}
 
 
 	def select(self):

static/plugin_dbui/lib/appgrid.js

@@ -70,8 +70,10 @@ App.grid.Grid = Ext.extend(Ext.grid.GridPanel, {
 		// the columns model
 		this.columns = this.model.colModel;
 
-		// empty top toolbar -- require by the toolbar plugin
+		// empty top toolbar/bottomnar -- required by the plugins
 		this.tbar = [];
+		this.bbar = new Ext.PagingToolbar();
+		this.bbar.hide();
 		
 		// initialize the underlying class. DON'T MOVE
 		App.grid.Grid.superclass.initComponent.call(this);

static/plugin_dbui/lib/appgridpaging.js

+/**
+ * The paging bottom bar plugin
+ *
+ * The ptype of this component is pGridPagingBar.
+ *  
+ * @version $Id$
+ * 
+ */
+Ext.namespace('App.grid');
+
+App.grid.PagingBar = Ext.extend(Object, {
+
+	init: function(grid){
+
+		var bbar = grid.getBottomToolbar();
+		bbar.bindStore(grid.store);
+		bbar.pageSize = 2;
+		bbar.doRefresh();
+		bbar.show();
+	},
+});
+
+Ext.preg('pGridPagingBar', App.grid.PagingBar);

static/plugin_dbui/lib/appjsonstore.js

@@ -152,6 +152,7 @@ App.data.JsonStore = Ext.extend(Ext.data.Store, {
 			this.reader = new Ext.data.JsonReader({
 				root: 'data',
 				fields: this.model.fields,
+				totalProperty: 'results',
 				idProperty: this.model.idProperty,
 			});
 		}