/**
* @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 {String} size (xs|sm|md|lg|xl)
+ * @cfg {Boolean} inverse
*
* @constructor
* Create a new Pagination
cls: false,
size: false,
inverse: false,
- from: 1,
- to: 4,
- align: false,
- active: 1,
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',
- 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',
- href: '#',
- html: '»'
- }
- ]
- }
- );
-
return cfg;
}