view release on metacpan or  search on metacpan

share/docs/source/Column.html  view on Meta::CPAN

</span> * @class Ext.grid.BooleanColumn
 * @extends Ext.grid.Column
 * &lt;p&gt;A Column definition class which renders boolean data fields.  See the {@link Ext.grid.Column#xtype xtype}
 * config option of {@link Ext.grid.Column} for more details.&lt;/p&gt;
 */
Ext.grid.BooleanColumn = Ext.extend(Ext.grid.Column, {
<span id='Ext-grid-BooleanColumn-cfg-trueText'>    /**
</span>     * @cfg {String} trueText
     * The string returned by the renderer when the column value is not falsy (defaults to &lt;tt&gt;'true'&lt;/tt&gt;).
     */
    trueText: 'true',
<span id='Ext-grid-BooleanColumn-cfg-falseText'>    /**
</span>     * @cfg {String} falseText
     * The string returned by the renderer when the column value is falsy (but not undefined) (defaults to
     * &lt;tt&gt;'false'&lt;/tt&gt;).
     */
    falseText: 'false',
<span id='Ext-grid-BooleanColumn-cfg-undefinedText'>    /**
</span>     * @cfg {String} undefinedText
     * The string returned by the renderer when the column value is undefined (defaults to &lt;tt&gt;'&amp;amp;#160;'&lt;/tt&gt;).
     */
    undefinedText: '&amp;#160;',

<span id='Ext-grid-BooleanColumn-method-constructor'>    constructor: function(cfg){
</span>        Ext.grid.BooleanColumn.superclass.constructor.call(this, cfg);
        var t = this.trueText, f = this.falseText, u = this.undefinedText;
        this.renderer = function(v){
            if(v === undefined){
                return u;
            }
            if(!v || v === 'false'){
                return f;
            }
            return t;
        };
    }
});

<span id='Ext-grid-NumberColumn'>/**
</span> * @class Ext.grid.NumberColumn
 * @extends Ext.grid.Column
 * &lt;p&gt;A Column definition class which renders a numeric data field according to a {@link #format} string.  See the
 * {@link Ext.grid.Column#xtype xtype} config option of {@link Ext.grid.Column} for more details.&lt;/p&gt;
 */
Ext.grid.NumberColumn = Ext.extend(Ext.grid.Column, {
<span id='Ext-grid-NumberColumn-cfg-format'>    /**
</span>     * @cfg {String} format
     * A formatting string as used by {@link Ext.util.Format#number} to format a numeric value for this Column
     * (defaults to &lt;tt&gt;'0,000.00'&lt;/tt&gt;).
     */
    format : '0,000.00',
<span id='Ext-grid-NumberColumn-method-constructor'>    constructor: function(cfg){
</span>        Ext.grid.NumberColumn.superclass.constructor.call(this, cfg);
        this.renderer = Ext.util.Format.numberRenderer(this.format);
    }
});

<span id='Ext-grid-DateColumn'>/**
</span> * @class Ext.grid.DateColumn
 * @extends Ext.grid.Column
 * &lt;p&gt;A Column definition class which renders a passed date according to the default locale, or a configured
 * {@link #format}. See the {@link Ext.grid.Column#xtype xtype} config option of {@link Ext.grid.Column}
 * for more details.&lt;/p&gt;
 */
Ext.grid.DateColumn = Ext.extend(Ext.grid.Column, {
<span id='Ext-grid-DateColumn-cfg-format'>    /**
</span>     * @cfg {String} format
     * A formatting string as used by {@link Date#format} to format a Date for this Column
     * (defaults to &lt;tt&gt;'m/d/Y'&lt;/tt&gt;).
     */
    format : 'm/d/Y',
<span id='Ext-grid-DateColumn-method-constructor'>    constructor: function(cfg){
</span>        Ext.grid.DateColumn.superclass.constructor.call(this, cfg);
        this.renderer = Ext.util.Format.dateRenderer(this.format);
    }
});

<span id='Ext-grid-TemplateColumn'>/**
</span> * @class Ext.grid.TemplateColumn
 * @extends Ext.grid.Column
 * &lt;p&gt;A Column definition class which renders a value by processing a {@link Ext.data.Record Record}'s
 * {@link Ext.data.Record#data data} using a {@link #tpl configured} {@link Ext.XTemplate XTemplate}.
 * See the {@link Ext.grid.Column#xtype xtype} config option of {@link Ext.grid.Column} for more
 * details.&lt;/p&gt;
 */
Ext.grid.TemplateColumn = Ext.extend(Ext.grid.Column, {
<span id='Ext-grid-TemplateColumn-cfg-tpl'>    /**
</span>     * @cfg {String/XTemplate} tpl
     * An {@link Ext.XTemplate XTemplate}, or an XTemplate &lt;i&gt;definition string&lt;/i&gt; to use to process a
     * {@link Ext.data.Record Record}'s {@link Ext.data.Record#data data} to produce a column's rendered value.
     */
    constructor: function(cfg){
        Ext.grid.TemplateColumn.superclass.constructor.call(this, cfg);
        var tpl = (!Ext.isPrimitive(this.tpl) &amp;&amp; this.tpl.compile) ? this.tpl : new Ext.XTemplate(this.tpl);
        this.renderer = function(value, p, r){
            return tpl.apply(r.data);
        };
        this.tpl = tpl;
    }
});

<span id='Ext-grid-ActionColumn'>/**
</span> * @class Ext.grid.ActionColumn
 * @extends Ext.grid.Column
 * &lt;p&gt;A Grid column type which renders an icon, or a series of icons in a grid cell, and offers a scoped click
 * handler for each icon. Example usage:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;
new Ext.grid.GridPanel({
    store: myStore,
    columns: [
        {
            xtype: 'actioncolumn',
            width: 50,
            items: [
                {
                    icon   : 'sell.gif',                // Use a URL in the icon config
                    tooltip: 'Sell stock',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = store.getAt(rowIndex);
                        alert(&quot;Sell &quot; + rec.get('company'));
                    }