在现代工具包extjs中，只需单击鼠标即可编辑网格单元

Ext.create('Ext.grid.Panel', {
    title: 'Editable Grid',
    store: Ext.create('Ext.data.Store', {
        fields: ['name', 'email', 'phone'],
        data: [
            { name: 'John', email: 'john@example.com', phone: '555-111-1111' },
            { name: 'Jane', email: 'jane@example.com', phone: '555-222-2222' },
            { name: 'Bob', email: 'bob@example.com', phone: '555-333-3333' }
        ]
    }),
    columns: [
        { text: 'Name', dataIndex: 'name', editor: 'textfield' },
        { text: 'Email', dataIndex: 'email', editor: 'textfield' },
        { text: 'Phone', dataIndex: 'phone', editor: 'textfield' }
    ],
    selType: 'cellmodel',
    plugins: [
        Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 1
        })
    ],
    renderTo: Ext.getBody()
});