在Ext Js 4.2中具有checklist和Select all options的组合框

Ext.create('Ext.form.field.ComboBox', {
    fieldLabel: '选择选项',
    store: ['选项1', '选项2', '选项3', '选项4', '选项5'],
    queryMode: 'local',
    displayField: 'text',
    valueField: 'value',
    multiSelect: true,
    tpl: Ext.create('Ext.XTemplate',
        '<tpl for=".">',
        '<div class="x-boundlist-item">',
        '<input type="checkbox" class="x-combo-checker"/>',
        '{text}',
        '</div>',
        '</tpl>'
    ),
    listeners: {
        afterrender: function(combo) {
            var selectAll = combo.getPicker().el.createChild({
                tag: 'div',
                html: '全选',
                cls: 'x-boundlist-item'
            });
            selectAll.on('click', function() {
                combo.setValue(combo.getStore().collect('value'));
            });
        }
    },
    renderTo: Ext.getBody()
});