Extjs変数を値にバインド

Question

私は次のアプリケーションを持っています：https://fiddle.sencha.com/#view/editor&fiddle/1nmm。私はextjs 6を使用しています。

行のダブルクリックイベントの後、私は新しいタブを開きたいと思います。新しいタブには、グリッドからの情報を含むフォームが含まれている必要があります。私の問題は、表示フィールドの値をバインドしようとすると、出力が空になります（何も表示されません）。

xtype: 'displayfield', 
fieldLabel: 'Id', 
bind: { 
    value: '{record.data.ts_id}' 
} 

上記 'レコードは' 次のように宣言されています。

config: { 
    record: null, 
    rowIndex: null 
}, 

bind: { 
    record: '{recordVM}', 
    rowIndex: '{rowIndexVM}' 
} 

適切displayfieldの値にバインドする方法は？

TabUIGrid.js

bind: { 
    store :'{users}', 
    selection : '{myrecord}' 
}, 

TabFormTest.js

{ 
     xtype: 'displayfield', 
     fieldLabel: 'Name', 
     bind: '{myrecord.ts_name}' 
    }, { 
     xtype: 'displayfield', 
     fieldLabel: 'Email', 
     bind: '{myrecord.ts_email}' 
    } 

私はあなたのフィドルにそれをテストし、それが正常に動作します：

Answer 1

2物事：

1）あなたはTabUIControllerでのviewmodelにデータを渡している方法を変更します。

viewModel: { 
    data: { 
     record: record, 
     rowIndex: rowIndex 
    } 
} 

それらのものを再マップしようとしない点はありません。

2）ビュー内のバインドステートメントをvalue: '{record.ts_id}'に変更すると、バインディングはレコードを見るときにフィールドにドリルインするほどスマートです。

Answer 2

はこれを試してみてください。