X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/3789b528d8dd8aad4558e38e22d775bcab1cbd36..HEAD:/docs/source/HeaderContainer.html diff --git a/docs/source/HeaderContainer.html b/docs/source/HeaderContainer.html index 18fff3ce..91918ad6 100644 --- a/docs/source/HeaderContainer.html +++ b/docs/source/HeaderContainer.html @@ -3,8 +3,8 @@
/** - * @class Ext.grid.property.HeaderContainer +/** + * @class Ext.grid.property.HeaderContainer * @extends Ext.grid.header.Container * A custom HeaderContainer for the {@link Ext.grid.property.Grid}. Generally it should not need to be used directly. - * @constructor - * @param {Ext.grid.property.Grid} grid The grid this store will be bound to - * @param {Object} source The source data config object */ Ext.define('Ext.grid.property.HeaderContainer', { extend: 'Ext.grid.header.Container', alternateClassName: 'Ext.grid.PropertyColumnModel', + + nameWidth: 115, // private - strings used for locale support nameText : 'Name', @@ -38,27 +37,31 @@ Ext.define('Ext.grid.property.HeaderContainer', { // private nameColumnCls: Ext.baseCSSPrefix + 'grid-property-name', - - constructor : function(grid, store) { - this.grid = grid; - this.store = store; - this.callParent([{ + /** + * Creates new HeaderContainer. + * @param {Ext.grid.property.Grid} grid The grid this store will be bound to + * @param {Object} source The source data config object + */ + constructor : function(grid, store) { + var me = this; + + me.grid = grid; + me.store = store; + me.callParent([{ items: [{ - header: this.nameText, - width: 115, + header: me.nameText, + width: grid.nameColumnWidth || me.nameWidth, sortable: true, dataIndex: grid.nameField, - renderer: Ext.Function.bind(this.renderProp, this), + renderer: Ext.Function.bind(me.renderProp, me), itemId: grid.nameField, menuDisabled :true, - tdCls: this.nameColumnCls + tdCls: me.nameColumnCls }, { - header: this.valueText, - renderer: Ext.Function.bind(this.renderCell, this), - getEditor: function(record) { - return grid.getCellEditor(record, this); - }, + header: me.valueText, + renderer: Ext.Function.bind(me.renderCell, me), + getEditor: Ext.Function.bind(me.getCellEditor, me), flex: 1, fixed: true, dataIndex: grid.valueField, @@ -67,6 +70,10 @@ Ext.define('Ext.grid.property.HeaderContainer', { }] }]); }, + + getCellEditor: function(record){ + return this.grid.getCellEditor(record, this); + }, // private // Render a property name cell @@ -78,16 +85,16 @@ Ext.define('Ext.grid.property.HeaderContainer', { // Render a property value cell renderCell : function(val, meta, rec) { var me = this, - renderer = this.grid.customRenderers[rec.get(me.grid.nameField)], + renderer = me.grid.customRenderers[rec.get(me.grid.nameField)], result = val; if (renderer) { - return renderer.apply(this, arguments); + return renderer.apply(me, arguments); } if (Ext.isDate(val)) { - result = this.renderDate(val); + result = me.renderDate(val); } else if (Ext.isBoolean(val)) { - result = this.renderBool(val); + result = me.renderBool(val); } return Ext.util.Format.htmlEncode(result); },