javascript - 在 extjs GridView 中显示文本框

Question

我想在渲染网格时显示所有文本框。但文本框仅在您单击该区域时显示。是否可以在不单击任何按钮的情况下在网格中显示我的所有文本框？下面是我的代码

{
                xtype: 'numberfield',
                hideTrigger: true,
                maxValue: 24,
                minValue: 0,
                style: w_textFieldCls,
                enableKeyEvents: true,
                disabled: me.readOnly,
                isEditable:true

};

Answer 1

这是可能的。检查此示例 - http://examples1.ext.net/#/GridPanel/Plugins/EditableGrid/

但我认为现在不可能。但这里有一个很好的解决方案。将其粘贴到 fiddle( https://fiddle.sencha.com/#view/editor ) 以查看结果。

var store = Ext.create('Ext.data.ArrayStore', {
    fields: ['name']
});

store.add([{'name': 'User 1'}, {'name': 'User 2'}]);

var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
    clicksToEdit: 1
});

var grid = Ext.create('Ext.grid.Panel', {
    store: store,
    renderTo: Ext.getBody(),
    columns: [{
        header: 'Name', dataIndex: 'name', flex: 1,
        editor: {
            xtype: 'textfield'
        }
    }],
    plugins: [cellEditing]
});

如果您有 1 个字段要编辑，属性网格会更好。