javascript - dojo 中的 MultiSelectCombobox 问题

Question

我需要每个选项前面带有复选框的组合框，以选择多个选项。我尝试使用“dropdown:true”来使用 CheckedMultiSelect，

当我选择项目时，它会显示组合框中的值，例如选择 2 个项目、选择 1 个项目等。

如何显示组合框文本区域中选择的值并用分隔符分隔？

是否应该为 checkMultiSelect 更改 css 或 HTML 或其他内容？

提前致谢。

Answer 1

对于第二个问题，您必须扩展 dojox.form.CheckedMultiSelect 类并重写 _updateSelection 和 startup 方法:

var MyCheckedMultiSelect = declare(CheckedMultiSelect, {

    startup: function() {
        this.inherited(arguments);  
        setTimeout(lang.hitch(this, function() {
            this.dropDownButton.set("label", this.label);            
        }));
    },

    _updateSelection: function() {
        this.inherited(arguments);                
        if(this.dropDown && this.dropDownButton) {
            var label = "";
            array.forEach(this.options, function(option) {
                if(option.selected) {
                    label += (label.length ? ", " : "") + option.label;
                }
            });

            this.dropDownButton.set("label", label.length ? label : this.label);
        }
    }

});

使用MyCheckedMultiSelect而不是dojox.form.CheckedMultiSelect:

var checkedMultiSelect = new MyCheckedMultiSelect ({
    dropDown: true,
    multiple: true,
    label: "Select something...",
    store: dataStore
}, "placeholder");

checkedMultiSelect.startup();

我再次将其添加到 jsFiddle:http://jsfiddle.net/phusick/894af/