有没有一种方法可以直接在extjs的tagfield中使用Enums?

时间:2019-07-24 12:38:47

标签: extjs

我必须创建多选组合框。我有一个普通的组合框,它使用枚举加载数据。一切正常。但是我必须允许在此组合框中进行多重选择,为此我已将xtype从combobox更改为tagfield。但是该列表未填充,因为tagfield需要存储,在我的情况下,我正在从Enum类中获取值,该类返回以下格式的值:

[{label: "label1",value: "value1"},
{label: "label2",value: "value2"}]

如何将tagfield与枚举一起使用?

我的代码是这样的:

tbar : {
    items : [ {
       xtype : 'container',
       layout : 'hbox',
       items : [ {
          xtype : 'combobox',
          labelWidth : 150
       }]
}

1 个答案:

答案 0 :(得分:0)

很抱歉,如果我不能正确理解您的问题,但是如果您返回的数据是

[{label: "label1",value: "value1"},
{label: "label2",value: "value2"}]

您可以这样定义tagfield

//get ref of your data
let myData = [{
    label: "label1",
    value: "value1"
        }, {
    label: "label2",
    value: "value2"
        }]

还有

items: [{
    xtype: 'container',
    layout: 'hbox',
    items: [{
        xtype: 'tagfield',
        store: {
            storeId: 'MyStoreId',
            data: myData //set the data in the store
        },
        labelWidth: 150,
        displayField: 'label',
        valueField: 'value'
     }]
}]