Question

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

在一行上双击事件后，我想打开一个新标签。新选项卡应包含一个包含网格信息的表单。我的问题是，当我尝试绑定displayfield值时，输出为空（没有显示任何内容）。

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

上述“记录”声明如下：

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

我在你的小提琴上测试过，它运行正常。

Answer 2

2件事：

1）修改您将数据传递到TabUIController中的viewmodel的方式：

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

试图重新映射这些东西毫无意义。

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

Extjs将config变量绑定到value

2 个答案: