ExtJS 4 кнопки в сетке для редактирования, удаления строки. открыть форму редактирования в новой вкладке

Question

В основном моя проблема разбита на 2 части. В ExtJS 4 есть примеры для расширения сетки. но они не работают :( Я использую ExtJS 4 в новом рекомендуемом шаблоне приложения mvc.

1. Добавление первого столбца в сетку с кнопками для редактирования и удаления
2. Сетка - это первая вкладка панели вкладок. Если кнопка редактирования нажата, новая вкладка должна быть создана и привязана к магазину.
3. Новая кнопка должна открыть вкладку с пустой формой, привязанной к магазину

Кто-нибудь сталкивался с этим? Есть примеры работающего кода? Я ценю вашу помощь! Thx!

Answer 1

Я нашел способ добавить кнопки (или, точнее, изображения).

Поэтому вам нужно добавить новый столбец с xtype: 'actioncolumn' и описать каждую кнопку (изображение) как элемент.

Например:

...
columns: [
            {
                text: 'Name',
                dataIndex: 'registrant_name',
                flex: 1
            }, {
                xtype: 'actioncolumn',
                width: 40,
                items: [{
                    icon: 'path_to_img',
                    handler: function(grid, rowIndex, colindex) {
                        alert('click!');
                    }
                }]
            }
        ],
...

Также ссылка на страницу документа: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid.column.Action