Extjs 将配置变量绑定到值

Question

我有以下应用程序：https://fiddle.sencha.com/#view/editor&fiddle/1nmm。我正在使用 extjs 6.

在连续双击事件后，我想打开一个新标签页。新选项卡应包含一个表格，其中包含来自网格的信息。我的问题是，当我尝试绑定显示字段值时，输出为空（未显示任何内容）。

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

以上'record'声明如下：

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

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

如何正确绑定到 displayfield 的值？

Answer 1

试试这个：

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

我在你的 fiddle 上测试过它，它工作正常。

Answer 2

2 件事：

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

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

尝试重新映射那些东西是没有意义的。

2) 将视图中的绑定语句修改为value: '{record.ts_id}'，绑定足够智能，可以在看到记录时钻取字段。

Extjs 将配置变量绑定到值

Extjs bind config variable to value

extjs

extjs6

extjs6-classic