/**
* @class Roo.bootstrap.Pagination
* @extends Roo.bootstrap.Component
+ * @children Roo.bootstrap.Pagination
* Bootstrap Pagination class
- * @cfg {String} size xs | sm | md | lg
- * @cfg {Boolean} inverse false | true
- * @cfg {Number} from pagination starting number
- * @cfg {Number} to pagination ending number
- * @cfg {String} align empty or left | right
- * @cfg {Number} active active page number
- * @cfg {Boolean} preventDefault (true | false) default true
+ *
+ * @cfg {String} size (xs|sm|md|lg|xl)
+ * @cfg {Boolean} inverse
*
* @constructor
* Create a new Pagination
Roo.bootstrap.Pagination = function(config){
Roo.bootstrap.Pagination.superclass.constructor.call(this, config);
- this.addEvents({
- // raw events
- /**
- * @event click
- * The raw click event for the entire grid.
- * @param {Roo.EventObject} e
- */
- "click" : true
- });
};
Roo.extend(Roo.bootstrap.Pagination, Roo.bootstrap.Component, {
cls: false,
size: false,
inverse: false,
- from: 1,
- to: 4,
- align: false,
- active: 1,
- preventDefault: true,
getAutoCreate : function(){
var cfg = {
tag: 'ul',
- cls: 'pagination',
- cn: []
+ cls: 'pagination'
};
if (this.inverse) {
cfg.cls += ' inverse';
cfg.html=this.html;
}
if (this.cls) {
- cfg.cls=this.cls;
- }
- cfg.cn[0]={
- tag: 'li',
- cn: [
- {
- tag: 'a',
- cls: 'previous',
- href:'#',
- html: '«'
- }
- ]
- };
- var from=this.from>0?this.from:1;
- var to=this.to-from<=10?this.to:from+10;
- var active=this.active>=from&&this.active<=to?this.active:null;
- for (var i=from;i<=to;i++) {
- cfg.cn.push(
- {
- tag: 'li',
- cls: active===i?'active':'',
- cn: [
- {
- tag: 'a',
- href: '#',
- html: i
- }
- ]
- }
- );
+ cfg.cls += " " + this.cls;
}
-
- cfg.cn.push(
- {
- tag: 'li',
- cn: [
- {
- tag: 'a',
- cls: 'next',
- href: '#',
- html: '»'
- }
- ]
- }
- );
-
return cfg;
- },
-
- initEvents: function() {
- Roo.each(this.el.select('li > a',true).elements, function(v){
- v.on('click', this.onClick, this);
- });
- },
-
- onClick : function(e)
- {
- Roo.log('pagination on click ');
- if(this.preventDefault){
- e.preventDefault();
- }
-
- this.fireEvent('click', this, e);
}
});