X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=Roo%2Fgrid%2FColumnModel.js;fp=Roo%2Fgrid%2FColumnModel.js;h=ef3dd49363f2e9932fd70e625711dd892305ffca;hp=a779a1b6a81f1c2fd6b20649ff1fe31ad281c9bc;hb=d81ddeecb21edfe27401017eb4d0cc01dfae425b;hpb=5a09638750d76b5c2f42753ab924401909761f61 diff --git a/Roo/grid/ColumnModel.js b/Roo/grid/ColumnModel.js index a779a1b6a8..ef3dd49363 100644 --- a/Roo/grid/ColumnModel.js +++ b/Roo/grid/ColumnModel.js @@ -108,6 +108,21 @@ Roo.grid.ColumnModel = function(config){ Roo.extend(Roo.grid.ColumnModel, Roo.util.Observable, { /** * @cfg {String} header The header text to display in the Grid view. + */ + /** + * @cfg {String} xsHeader Header at Bootsrap Extra Small width (default for all) + */ + /** + * @cfg {String} smHeader Header at Bootsrap Small width + */ + /** + * @cfg {String} mdHeader Header at Bootsrap Medium width + */ + /** + * @cfg {String} lgHeader Header at Bootsrap Large width + */ + /** + * @cfg {String} xlHeader Header at Bootsrap extra Large width */ /** * @cfg {String} dataIndex (Optional) The name of the field in the grid's {@link Roo.data.Store}'s @@ -157,16 +172,19 @@ Roo.extend(Roo.grid.ColumnModel, Roo.util.Observable, { * @cfg {String} tooltip (Optional) */ /** - * @cfg {Number} xs (Optional) + * @cfg {Number} xs (Optional) can be '0' for hidden at this size (number less than 12) */ /** - * @cfg {Number} sm (Optional) + * @cfg {Number} sm (Optional) can be '0' for hidden at this size (number less than 12) */ /** - * @cfg {Number} md (Optional) + * @cfg {Number} md (Optional) can be '0' for hidden at this size (number less than 12) */ /** - * @cfg {Number} lg (Optional) + * @cfg {Number} lg (Optional) can be '0' for hidden at this size (number less than 12) + */ + /** + * @cfg {Number} xl (Optional) can be '0' for hidden at this size (number less than 12) */ /** * Returns the id of the column at the specified index. @@ -349,10 +367,29 @@ Roo.extend(Roo.grid.ColumnModel, Roo.util.Observable, { /** * Returns the width for the specified column. * @param {Number} col The column index + * @param (optional) {String} gridSize bootstrap width size. * @return {Number} */ - getColumnWidth : function(col){ - return this.config[col].width * 1 || this.defaultWidth; + getColumnWidth : function(col, gridSize) + { + var cfg = this.config[col]; + + if (typeof(gridSize) == 'undefined') { + return cfg.width * 1 || this.defaultWidth; + } + if (gridSize === false) { // if we set it.. + return cfg.width || false; + } + var sizes = ['xl', 'lg', 'md', 'sm', 'xs']; + + for(var i = sizes.indexOf(gridSize); i < sizes.length; i++) { + if (typeof(cfg[ sizes[i] ] ) == 'undefined') { + continue; + } + return cfg[ sizes[i] ]; + } + return 1; + }, /**