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

时间:2018-01-12 09:16:01

标签: javascript extjs extjs4 extjs3

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

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

};

1 个答案:

答案 0 :(得分:1)

有可能。请查看此示例 - http://examples1.ext.net/#/GridPanel/Plugins/EditableGrid/

但我认为现在不可能。但这是一个很好的解决方案。将其粘贴到小提琴(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个字段,属性网格将更好用。