Question

When implementing SuperBoxSelect (http://www.sencha.com/forum/showthread.php?69307-3.x-Ext.ux.form.SuperBoxSelect), I’ve realized that it currently does not support shift + click selection of multiple items. Has anyone been able to implement this functionality or found a similar plugin that offers this functionality?

Answer 1

    beforeadditem:function(self, recordValue) {
        var start = 0;
        var end = 0;
        var record = this.findRecord(this.valueField, recordValue);
        var recordIndex = this.store.indexOf(record);
        if(window.event.shiftKey) {
            this.multiSelectMode = true;
            if(this.firstChoiceIndex == undefined) {
                this.firstChoiceIndex = recordIndex;
                this.view.all.item(recordIndex).addClass('x-combo-selected-shift');
                return false;
            } else {
                this.secondChoiceIndex = recordIndex;
                if(this.firstChoiceIndex > this.secondChoiceIndex) {
                    start = this.secondChoiceIndex;
                    end = this.firstChoiceIndex;
                } else if(this.secondChoiceIndex > this.firstChoiceIndex) {
                    start = this.firstChoiceIndex;
                    end = this.secondChoiceIndex;
                }
                var selectedRecords = this.store.getRange(start, end);
                Ext.each(selectedRecords, function(item, index, allitems) {
                    self.addRecord(item)
                });
                this.firstChoiceIndex = undefined;
                this.secondChoiceIndex = undefined;
                return false;
            }
        } else {
            this.firstChoiceIndex = undefined;
            this.secondChoiceIndex = undefined;
            return true;
        }
    }

Add that listener and it works. The x-combo-selected-shift class is identical to the x-combo-selected class. It’s just named different so the highlighting sticks to the item you shift+clicked on after you mouse out.