ポップアップしたいデータを渡すために、どのようにポップアップ

Question

でそれを読むためにどのように私はactioncolumnのポップアップを呼び出しています

は

handler: function (view, rowIndex, colIndex, item, e, record, row) {        
         Ext.widget('Info').show(); 
        } 

をクリックしてくださいこれをする？

afterrender

var infoForm = Ext.define('App.view.Report.Info', { 
extend: 'Ext.window.Window', 
listeners: { 
    afterrender: function() {     
    } 
} 

Answer 1

使用formelementsで簡単にデータを読み込むためにform.loadRecord(record)を使用してください。次に例を示します。

https://fiddle.sencha.com/#fiddle/19oe

オルタナティブ：

handler: function(grid, rowIndex, colIndex) { 
    var record = grid.getStore().getAt(rowIndex); 
    Ext.create('App.view.Report.Info', { 
     record: record 
    }).show(); 
} 

は後にウィジェットのレンダリング：

Ext.define('App.view.Report.Info', { 
    extend: 'Ext.window.Window', 
    listeners: { 
    afterrender: function() { 
     if (this.record) { 
      console.log(this.record); 
     }     
    } 
} 

Answer 2

に送信されたデータを読み込むための方法を同時にあなたは、情報のインスタンスを作成した後ので、オブジェクトが、その何もthis-

handler: function (view, rowIndex, colIndex, item, e, record, row) { 
    var infoWin=Ext.widget('Info'); 
    infoWin.firstName=record.get('firstname'); 
    infoWin.show(); 
} 


var infoForm = Ext.define('App.view.Report.Info', { 
extend: 'Ext.window.Window', 
listeners: { 
    afterrender: function (winObj) { 
     var firstName=winObj.firstName; 
    } 
} 

をたどることはできません新しいプロパティのランタイムを追加することができます。

Ext.widget('Info',{ 
    'firstname' : record.get('firstname') 
}).show(); 

その後、あなたはあなたがあなたのウィジェットでformpanelを使用することができます「this.firstname」

Answer 3

、によってafterrender機能でそれを使用することができますウィジェットに任意のキーと値を渡すためのコード以下