如何在ExtJS或Javascript中制作动态组合框？

5m1hhzi4 于 2023-03-18 发布在 Java

关注(0)|答案(1)|浏览(105)

我有一个组合框，包括真，假和所有的状态ExtJS。如果我选择真的组合框发送1到API，我选择假的组合框发送2，3等到API。我的代码运行静态如下：

try {
    var comboStoreConfig = X.store.comboStoreConfig();
    comboStoreConfig.displayField = "name";
    comboStoreConfig.valueField = "id";
    comboStoreConfig.useDbData = false;
    comboStoreConfig.staticData = [];
    comboStoreConfig.initialValue = config.initialValue;

    comboStoreConfig.staticData.push({"id": 1, "ad":"True"});
    comboStoreConfig.staticData.push({"id": 2, "ad":"False"});
    comboStoreConfig.staticData.push({"id": 0, "ad":"All"});

    return X.store.createStoreToCombo(config, comboStoreConfig);
} catch (e) {
 //throw exception
}

我怎样做动态组合框？例如当我在组合框上选择“false”时，id必须转到API，如2，3等。

extjs

来源：https://stackoverflow.com/questions/75732168/how-to-make-dynamic-combobox-in-extjs-or-javascript

1条答案

按热度按时间

vjrehmav1#

组合框有两个配置valueField和displayField，使用这些配置，我们可以在选择器列表(displayField)上显示文本，使用valueField时，值可以不同
有关https://docs.sencha.com/extjs/7.6.0/classic/Ext.form.field.ComboBox.html的更多信息，请参阅文档

// The data store containing the list of states
var states = Ext.create('Ext.data.Store', {
    fields: ['display', 'value'],
    data : [
        {"display":"True", "value":"1"},
        {"display":"False", "value":"2"}
    ]
});

Ext.create('Ext.form.ComboBox', {
    fieldLabel: 'Choose State',
    store: states,
    queryMode: 'local',
    displayField: 'display',
    valueField: 'value'
});

赞(0）回复(0）举报 2023-03-18

我来回答

如何在ExtJS或Javascript中制作动态组合框？

1条答案

相关问题

热门标签

最新问答