GridPanel列头带有复选框的列

由于工作需要，封装了ExtJS4，GridPanel列头带有复选框的列，

代码如下：

/**
 * 列头带有复选框的列
 *
 */
Ext.define("org.pine.widget.CheckBoxColumn", {
    extend : "Ext.grid.column.Column",
    xtype :  'xcc_cfets_checkboxcolumn',
    requires:[
    ],
    /** 属性定义 */
    config:{
    },

    constructor: function (config) {
        console.info(this.$className+'==>'+arguments.callee.name);
        var self = this;
        self.initConfig(config);//初始化配置
        self.callParent(arguments);//调用父类构造方法
    },
    initComponent: function () {
        console.info(this.$className+'==>'+arguments.callee.name);
        var self = this;
        self.addEvents('xcc_cfets_checkboxcolumn_checked');
        var renderTpl =
            '<div id="{id}-titleEl" {tipMarkup}class="' + Ext.baseCSSPrefix + 'column-header-inner">' +
            "<input type='checkbox'>"+
            '<span id="{id}-textEl" class="' + Ext.baseCSSPrefix + 'column-header-text' +
            '{childElCls}">' +
            '{text}' +
            '</span>' +
            '<tpl if="!menuDisabled">'+
            '<div id="{id}-triggerEl" class="' + Ext.baseCSSPrefix + 'column-header-trigger' +
            '{childElCls}"></div>' +
            '</tpl>' +
            '</div>' +
            '{%this.renderContainer(out,values)%}';
        self.renderTpl=renderTpl;
        self.renderSelectors= {
            checkbox: "input[type='checkbox']"
        };
        self.callParent(arguments);
        self.on('afterrender',function(comp, eOpts ){
            var checkboxDom = comp.checkbox.dom;//复选框
            checkboxDom.onclick = function (event) {
                console.info("复选框选中状态==>"+checkboxDom.checked);
                comp.fireEvent('xcc_cfets_checkboxcolumn_checked',comp,checkboxDom,checkboxDom.checked);
                event.stopPropagation();//停止事件向上传播
            };
        });
    },
    /**
     * 获取复选框的选中状态
     */
    isChecked: function () {
        return this.checkbox.dom.checked;
    },
    /**
     * 设置复选框的选中状态
     * @param checked 是否选中
     */
    setChecked: function (checked) {
        this.checkbox.dom.checked = checked;
    }
});