/**
 * A Column definition class which renders boolean data fields.  See the {@link Ext.grid.column.Column#xtype xtype}
 * config option of {@link Ext.grid.column.Column} for more details.
 *
 *     @example
 *     var store = Ext.create('Ext.data.Store', {
 *        fields: [
 *            {name: 'framework', type: 'string'},
 *            {name: 'rocks', type: 'boolean'}
 *        ],
 *        data: [
 *            { framework: 'Ext JS 5', rocks: true },
 *            { framework: 'Ext GWT', rocks: true },
 *            { framework: 'Other Guys', rocks: false }
 *        ]
 *     });
 *
 *     Ext.create('Ext.grid.Panel', {
 *         title: 'Boolean Column Demo',
 *         store: store,
 *         columns: [
 *             { text: 'Framework',  dataIndex: 'framework', flex: 1 },
 *             {
 *                 xtype: 'booleancolumn',
 *                 text: 'Rocks',
 *                 trueText: 'Yes',
 *                 falseText: 'No',
 *                 dataIndex: 'rocks'
 *             }
 *         ],
 *         height: 200,
 *         width: 400,
 *         renderTo: Ext.getBody()
 *     });
 */
Ext.define('Ext.grid.column.Boolean', {
    extend: 'Ext.grid.column.Column',
    alias: ['widget.booleancolumn'],
    alternateClassName: 'Ext.grid.BooleanColumn',
 
    /**
     * @cfg {String} trueText 
     * The string returned by the renderer when the column value is not falsey.
     * @locale
     */
    trueText: 'true',
 
    /**
     * @cfg {String} falseText 
     * The string returned by the renderer when the column value is falsey (but not undefined).
     * @locale
     */
    falseText: 'false',
 
    /**
     * @cfg {String} undefinedText 
     * The string returned by the renderer when the column value is undefined.
     */
    undefinedText: '\u00a0',
 
    defaultFilterType: 'boolean',
 
    /**
     * @cfg {Object} renderer 
     * @hide
     */
 
    /**
     * @cfg {Object} scope 
     * @hide
     */
 
     /**
     * @cfg producesHTML
     * @inheritdoc
     */
    producesHTML: false,
 
    defaultRenderer: function(value){
        if (value === undefined) {
            return this.undefinedText;
        }
 
        if (!value || value === 'false') {
            return this.falseText;
        }
        return this.trueText;
    },
 
    updater: function(cell, value) {
        Ext.fly(cell).down(this.getView().innerSelector, true).innerHTML = Ext.grid.column.Boolean.prototype.defaultRenderer.call(this, value);
    }
});