在 extjs 网格视图中显示文本框

Posted 2023-02-26

【中文标题】在 extjs 网格视图中显示文本框

【英文标题】：Display textbox in extjs grid view

【发布时间】：2018-01-12 09:16:01

【问题描述】：

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

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

;

【问题讨论】：

你能把你的努力放在这里fiddle吗？

【参考方案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 个字段要编辑，属性网格会更好。

【讨论】：

在编辑此文本字段时是否会自动显示脏指示器？字段更改后，我无法获取脏指示符。

对不起，我现在不记得细节了