javascript - 如何知道在 multiSelect 组合框中选择了多少项

Question

我有一个带有 multiSelect 属性的组合框，我想知道如何才能知道有多少项被选中。我试过:

combobox.store.getCount();

但它告诉我组合框中的项目总数，而不是用户选择的项目总数。基本上我想做一个条件，当用户在组合框中选择多个选项时触发

Answer 1

您可以使用 combo.getPicker() method 和 picker 有方法获取选择的 records

在这个 FIDDLE ，我已经使用 combobox 和 multi-select 创建了一个演示。我希望这将帮助您实现您的要求。

代码片段

Ext.application({
    name: 'Fiddle',

    launch: function () {
        // The data store containing the list of states
        Ext.create('Ext.data.Store', {
            fields: ['abbr', 'name'],
            storeId: 'states',
            data: [{
                "abbr": "AL",
                "name": "Alabama"
            }, {
                "abbr": "AK",
                "name": "Alaska"
            }, {
                "abbr": "AZ",
                "name": "Arizona"
            }]
        });

        // Create the combo box, attached to the states data store
        Ext.create('Ext.panel.Panel', {
            title: 'Combo Example',
            renderTo: Ext.getBody(),
            items: [{
                xtype: 'combo',
                margin: 10,
                fieldLabel: 'Choose State',
                store: 'states',
                queryMode: 'local',
                displayField: 'name',
                valueField: 'abbr',
                multiSelect: true,
            }],
            bbar: ['->', {
                text: 'Get Selected',
                handler: function () {
                    var selectionModel = this.up('panel').down('combo').getPicker().getSelectionModel();
                    record = selectionModel.getSelection();
                    console.log(record);
                    Ext.Msg.alert('Info', 'Number of Selected record is ' + selectionModel.getCount());
                    //Ext.Msg.alert('Info', 'Selected record is <br> '+ record.map(r=>{return r.get('name')}).join('<br>'));
                }
            }]
        });
    }
});