Comment charger les valeurs dans la liste déroulante à partir de la base de données

user7569898

Comment remplir les valeurs de la zone de liste déroulante au lieu du codage en dur de la base de données dans le magasin de la zone de liste déroulante

{
    xtype: 'fieldset',
    title: 'Dress Types',
    items: [
        {
            xtype: 'combobox',
            displayField: "displayName",
            valueField: "displayName",
            emptyText: 'Select Type',
            store: {
                fields: ["id", "displayName"],
                data: [
                    { "id": "1", "displayName": "Kurtha" },
                    { "id": "2", "displayName": "Denim Top" },
                    { "id": "3", "displayName": "Western T shirt" },
                    { "id": "4", "displayName": "Sleeveless" }
                ]
            },
            name: 'dresses',
            margin: '15px',
            allowBlank: false,
            forceSelection: true,
        }
    ]
}

Merci d'avance

Surya Prakash Tumma

Vérifiez le code ci-dessous. 

 Ext.create('Ext.form.ComboBox', {
    valueField: "displayName",
    emptyText: 'Select Type',
    store: Ext.create('Ext.data.Store', {
        fields: ["id", "displayName"],
        proxy: {
            url: 'data1.json',
            reader: {
                type: 'json',
                rootProperty: 'data'
            }
        },
        autoLoad: true
    }),
    name: 'dresses',
    margin: '15px',
    allowBlank: false,
    forceSelection: true,
    renderTo: Ext.getBody()
});

J'ai supposé que mon service récupérait les données comme ci-dessous

{
"data": [{
    "id": "1",
    "displayName": "Kurtha"
}, {
    "id": "2",
    "displayName": "Denim Top"
}, {
    "id": "3",
    "displayName": "Western T shirt"
}, {
    "id": "4",
    "displayName": "Sleeveless"
}]
}

Articles connexes