Wie füge ich eine Schaltfläche in einer Actioncolumn in extjs

Question

Ich hoffe, das ist meine letzte Frage von heute. Ich fand eine schöne actioncolumn Option in Designer 2. Ich füge ein bis mein Gitter und es sieht wie folgt aus:

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 
              } 

Aber es gibt nichts passiert. Was ich will, ist, dass es eine Schaltfläche/ein Symbol gibt, und wenn Sie darauf klicken, wird ein ext.window mit der reportId von dieser Reihe geöffnet. Ich kann nicht finden, wie ich das mit Designer mache.

Ich sehe jetzt kein Symbol, also gibt es noch nichts zu klicken. Was vermisse ich?

Danke,

TJ

Answer 1

Sie Hörer für diese Schaltfläche verpassen:

fügen so etwas in Ihren Artikel Definition:

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