extjs - 强制商店仅加载未在 Multiselect 组合选择-EXTJS 中选择的值

Question

我正在使用 EXTJs 3.4，我在加载多组合值时遇到问题，在编辑页面上我想检查在多选中选择了哪些值，而不是在下拉选项中加载这些值。

如下所示，“SouthIndia”选项在创建项目时被预加载/保存，因此现在我希望它不应该出现在 dd 中，因为它已经被选中。

有没有办法让我知道要填充哪些值的存储？

multiselect = new Qx.form.MultiSelectComboBox({
        allowCommaInQuery: true,
        anchor: '0',
        name: "multiselect",
        displayField: 'value',
        valueField: 'value',
        hideRefreshLabel: true,
        refreshable: false,
        mode: 'local',
        emptyText: $L('Select'),
        enableCopyPaste: false,
        anyMatch: true,
        caseSensitive: false,
        width: 170,
        cacheSizes: false,
        hidden: true,
        disabled: true,
        allowBlank: false,
        store: multiComboVpc = new Ext.data.ArrayStore({
            fields: ['value'],
            data: values,
            expandData: true
        })

    }),

    Ext.extend($cls, Panel, {
        afterRender: function() {
            this.multiComboVpc.setValue("SouthIndia") //values coming from server
        }
    });
var values = ["SouthIndia"]

现在在这种情况下，我的下拉菜单应该是空的，我该如何实现呢？

标签： extjsextjs3

Answer 1

脚步

1. 从组合中获取选定的值

2. 循环遍历选定的值并使用 store.find 作为

var idx = store.find(fieldName, value, [startIndex], [anyMatch], [caseSensitive]);

其中 idx 是存储中第一个匹配记录的索引

3. 使用上述索引获取记录

   var removeRecord = store.getAt(idx);

4. 现在从商店中删除匹配的记录

store.remove(removeRecord);