Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / docs / source / HeaderContainer.html
diff --git a/docs/source/HeaderContainer.html b/docs/source/HeaderContainer.html

new file mode 100644 (file)

index 0000000..f6713d4
--- /dev/null
+++ b/docs/source/HeaderContainer.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-grid.property.HeaderContainer-method-constructor'><span id='Ext-grid.property.HeaderContainer'>/**
+</span></span> * @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',
+
+    // private - strings used for locale support
+    nameText : 'Name',
+    valueText : 'Value',
+    dateFormat : 'm/j/Y',
+    trueText: 'true',
+    falseText: 'false',
+
+    // private
+    nameColumnCls: Ext.baseCSSPrefix + 'grid-property-name',
+    
+    constructor : function(grid, store) {
+
+        this.grid = grid;
+        this.store = store;
+        this.callParent([{
+            items: [{
+                header: this.nameText,
+                width: 115,
+                sortable: true,
+                dataIndex: grid.nameField,
+                renderer: Ext.Function.bind(this.renderProp, this),
+                itemId: grid.nameField,
+                menuDisabled :true,
+                tdCls: this.nameColumnCls
+            }, {
+                header: this.valueText,
+                renderer: Ext.Function.bind(this.renderCell, this),
+                getEditor: function(record) {
+                    return grid.getCellEditor(record, this);
+                },
+                flex: 1,
+                fixed: true,
+                dataIndex: grid.valueField,
+                itemId: grid.valueField,
+                menuDisabled: true
+            }]
+        }]);
+    },
+
+    // private
+    // Render a property name cell
+    renderProp : function(v) {
+        return this.getPropertyName(v);
+    },
+
+    // private
+    // Render a property value cell
+    renderCell : function(val, meta, rec) {
+        var me = this,
+            renderer = this.grid.customRenderers[rec.get(me.grid.nameField)],
+            result = val;
+
+        if (renderer) {
+            return renderer.apply(this, arguments);
+        }
+        if (Ext.isDate(val)) {
+            result = this.renderDate(val);
+        } else if (Ext.isBoolean(val)) {
+            result = this.renderBool(val);
+        }
+        return Ext.util.Format.htmlEncode(result);
+    },
+
+    // private
+    renderDate : Ext.util.Format.date,
+
+    // private
+    renderBool : function(bVal) {
+        return this[bVal ? 'trueText' : 'falseText'];
+    },
+
+    // private
+    // Renders custom property names instead of raw names if defined in the Grid
+    getPropertyName : function(name) {
+        var pn = this.grid.propertyNames;
+        return pn &amp;&amp; pn[name] ? pn[name] : name;
+    }
+});</pre></pre></body></html>
+\ No newline at end of file