Extjs 4. 网格中的组合框。使用索引获取数据

Question

我需要我的控制器来加载带有组合框的网格。

“设备数据”中的状态字段（数字）应从“设备状态”中加载可能状态的状态字段，并将其显示在组合框中。

选择新选项时，id 应保存在“设备数据”的状态字段中。作为一个数字。

// for store 'equipment'
<?php
header("Content-type: application/json");
?>
{
    "success": true,
    "data": [
        {
            "equipment_id": 1,
            "name": "screwdriver",
            "status": 1
        }
    ]
}


// store 'equipmentStatus'
<?php
header("Content-type: application/json");
?>
{
    "success": true,
    "data": [
        {
            "id": 1,
            "status": "available"
        },
        {
            "id": 2,
            "status": "out of stock"
        },
        {
            "id": 3,
            "status": "not available"
        }
    ]
}

// -----------------------------

Ext.define('Equipment.view.EquipmentGrid', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.EquipmentGrid',

    title: 'Equipment manager',

    requires: [
        'Ext.form.field.ComboBox',
        'Ext.grid.column.CheckColumn',
        'Ext.grid.plugin.CellEditing'
    ],

    initComponent: function () {

        // enable quicktips
        Ext.tip.QuickTipManager.init();

        this.cellEditing = new Ext.grid.plugin.CellEditing({
            clicksToEdit: 1
        });

        Ext.apply(this, {

                plugins: [this.cellEditing],

                // connect store to grid
                store: 'Equipments',

                    columns: [
                    {
                        header: 'Status',
                        dataIndex: 'status',
                        editor: new Ext.form.field.ComboBox({
                            typeAhead: true,
                            triggerAction: 'all',
                            store: 'EquipmentStatus'
                        })
                    }
                ]
    });

        this.callParent(arguments);
    }

});

Answer 1

我不清楚你的问题，但如果你想在组合框中显示状态并将你从组合框中选择的选项保存为数字，你应该在组合框配置中添加两个 displayField 和 valueField。

    Ext.define('Equipment.view.EquipmentGrid', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.EquipmentGrid',

    title: 'Equipment manager',

    requires: [
        'Ext.form.field.ComboBox',
        'Ext.grid.column.CheckColumn',
        'Ext.grid.plugin.CellEditing'
    ],

    initComponent: function () {

        // enable quicktips
        Ext.tip.QuickTipManager.init();

        this.cellEditing = new Ext.grid.plugin.CellEditing({
            clicksToEdit: 1
        });

        Ext.apply(this, {

                plugins: [this.cellEditing],

                // connect store to grid
                store: 'Equipments',

                    columns: [
                    {
                        header: 'Status',
                        dataIndex: 'status',
                        editor: new Ext.form.field.ComboBox({
                            typeAhead: true,
                            triggerAction: 'all',
                            store: 'EquipmentStatus',
                            // status field will be displayed in combobox
                            displayField: 'status',
                            // id field will be the value of selected status
                            valueField: 'id'
                        })
                    }
                ]
    });

        this.callParent(arguments);
    }

 });

如果不是您想要的，请更详细地解释您的问题。希望有帮助。