javascript - 如何防止在 ExtJs Sencha 标签字段上一次选择多个标签？

问题描述

如何防止在 ExtJs Sencha 标签字段上一次选择多个标签？我也希望只选择一个，并且一旦选择了元素就保持选中状态。当我设置multiSelect: false如果我向控件插入新元素时，我收到一条错误消息。

这是一个例子。如果您按 shift 键，您将能够选择多个。我只想选择一个。

    Ext.application({
    name : 'Fiddle',

    launch : function() {
        var shows = Ext.create('Ext.data.Store', {
            fields: ['id','show'],
            data: [
                {id: 1, show: 'Tag 1'},
                {id: 2, show: 'Tag 2'},
                {id: 3, show: 'Tag 3'}
            ]
        });

        Ext.create('Ext.window.Window', {
            //renderTo: Ext.getBody(),
            title: 'Tagfield Test',
            height: 200,
            width: 500,
            layout: 'fit',
            items: [{
                xtype: 'tagfield',
                fieldLabel: 'Pick a tag',
                store: shows,
                displayField: 'show',
                valueField: 'id',
                queryMode: 'local',
                filterPickList: true,
                minWidth: 300,
                maxWidth: 200,
                maxHeight: 10
            }]
        }).show();
    }
});

https://fiddle.sencha.com/#view/editor&fiddle/38o7

同时选中两个标签

标签： javascriptextjsextjs6-classic

javascript - 如何防止在 ExtJs Sencha 标签字段上一次选择多个标签？

问题描述

解决方案

推荐阅读