Как добавить кнопку в Actioncolumn в extjs

Question

Надеюсь, это мой последний вопрос сегодня. Я нашел хороший вариант actioncolumn в конструкторе 2. Я добавить одну в моей сетке, и это выглядит следующим образом:

xtype: 'gridpanel', 
         title: 'Reports', 
         forceFit: true, 
         store: 'ReportsStore', 
         columns: [ 
          { 
           xtype: 'gridcolumn', 
           dataIndex: 'Name', 
           text: 'Name' 
          }, 
          { 
           xtype: 'gridcolumn', 
           dataIndex: 'Type', 
           text: 'Type' 
          }, 
          { 
           xtype: 'gridcolumn', 
           dataIndex: 'Description', 
           text: 'Description' 
          }, 
          { 
           xtype: 'actioncolumn', 
           dataIndex: 'Name', 
           items: [ 
            { 
             handler: function(view, rowIndex, colIndex, item, e) { 
              console.log(row, col); 
             }, 
             altText: 'Run report', 
             iconCls: 'runReport' 
            } 
           ] 
          } 
         ], 
         viewConfig: { 

         }, 
         dockedItems: [ 
          { 
           xtype: 'toolbar', 
           dock: 'top', 
           items: [ 
            { 
             xtype: 'tbfill' 
            }, 
            { 
             xtype: 'button', 
             iconCls: 'addReport', 
             text: 'Add report', 
             listeners: { 
              click: { 
               fn: me.onButtonClick, 
               scope: me 
              } 

Но ничего не происходит. Я хочу, чтобы была кнопка/значок, и когда вы нажмете на нее, она откроет окно ext.window с reportId из этой строки. Я не могу найти, как я это делаю с дизайнером.

Я не вижу иконку сейчас, так что еще нет щелчка. Что мне не хватает?

Спасибо,

TJ

Answer 1

Вы пропустите слушателя для этой кнопки:

добавить что-то подобное в ваше определение элемента:

handler: function(grid, row, col) { 
    console.log(row, col); 
}