X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=Roo%2FPagingToolbar.js;h=22f35d3f9b7c1ce2a80b8cd0efc31f1a3d3bac76;hb=refs%2Fheads%2Fwip_leon_T7094_logo_image_upload_in_boilerplate;hp=c20721b9644a6bc5806800fa2a5569d588d0d6a3;hpb=3bbcbab8761e9d24850486c8a1e091562926b622;p=roojs1 diff --git a/Roo/PagingToolbar.js b/Roo/PagingToolbar.js index c20721b964..22f35d3f9b 100644 --- a/Roo/PagingToolbar.js +++ b/Roo/PagingToolbar.js @@ -12,6 +12,7 @@ /** * @class Roo.PagingToolbar * @extends Roo.Toolbar + * @children Roo.Toolbar.Item Roo.Toolbar.Button Roo.Toolbar.SplitButton Roo.form.Field * A specialized toolbar that is bound to a {@link Roo.data.Store} and provides automatic paging controls. * @constructor * Create a new PagingToolbar @@ -26,20 +27,28 @@ Roo.PagingToolbar = function(el, ds, config) ds = el.dataSource; el = config.container; } - + var items = []; + if (config.items) { + items = config.items; + config.items = []; + } Roo.PagingToolbar.superclass.constructor.call(this, el, null, config); this.ds = ds; this.cursor = 0; this.renderButtons(this.el); this.bind(ds); + + // supprot items array. + + Roo.each(items, function(e) { + this.add(Roo.factory(e)); + },this); + }; Roo.extend(Roo.PagingToolbar, Roo.Toolbar, { - /** - * @cfg {Roo.data.Store} dataSource - * The underlying data store providing the paged data - */ + /** * @cfg {String/HTMLElement/Element} container * container The id or element that will contain the toolbar @@ -48,6 +57,8 @@ Roo.extend(Roo.PagingToolbar, Roo.Toolbar, { * @cfg {Boolean} displayInfo * True to display the displayMsg (defaults to false) */ + + /** * @cfg {Number} pageSize * The number of records to display per page (defaults to 20) @@ -221,8 +232,9 @@ Roo.extend(Roo.PagingToolbar, Roo.Toolbar, { { var v = this.field.dom.value, pageNum; var increment = (e.shiftKey) ? 10 : 1; - if(k == e.DOWN || k == e.LEFT || k == e.PAGEDOWN) + if(k == e.DOWN || k == e.LEFT || k == e.PAGEDOWN) { increment *= -1; + } if(!v || isNaN(pageNum = parseInt(v, 10))) { this.field.dom.value = d.activePage; return; @@ -243,7 +255,11 @@ Roo.extend(Roo.PagingToolbar, Roo.Toolbar, { this.loading.disable(); } }, - + /** + * event that occurs when you click on the navigation buttons - can be used to trigger load of a grid. + * @param {String} which (first|prev|next|last|refresh) which button to press. + * + */ // private onClick : function(which){ var ds = this.ds;