/*
* - LGPL
*
- * column
+ * pagination
*
*/
/**
- * @class Roo.bootstrap.Column
+ * @class Roo.bootstrap.Pagination
* @extends Roo.bootstrap.Component
- * Bootstrap Column class
- * @cfg {number} colspan Number of columsn to span
+ * Bootstrap Pagination class
+ * @cfg {String} size xs | sm | md | lg
+ * @cfg {Boolean} inverse false | true
*
* @constructor
- * Create a new Column
+ * Create a new Pagination
* @param {Object} config The config object
*/
Roo.extend(Roo.bootstrap.Pagination, Roo.bootstrap.Component, {
- html: false,
cls: false,
size: false,
inverse: false,
- from: 1,
- to: 4,
- align: false,
- active: 1,
getAutoCreate : function(){
- cfg = {
+ 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.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.cn.push(
- {
- tag: 'li',
- cn: [
- {
- tag: 'a',
- href: '#',
- html: '»'
- }
- ]
- }
- );
-
return cfg;
}