将配置变量绑定到

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}'
}

如何正确地绑定到展示场的价值？

Answer 1

2件事：

1)修改将数据传递到TabUIController中的视图模型的方式：

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

没有必要试图重新映射这些东西。

2)将视图中的bind语句修改为value: '{record.ts_id}'，当它看到记录时，绑定是足够聪明的，可以钻到字段中。

Answer 2

试试这个：

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}'
    }

我在你的小提琴上测试过，效果很好。