将样式应用于绑定公式

Question

我正在尝试将样式应用于 ViewModel 中的绑定公式。

我的 ViewModel 是：

viewModel: {
                formulas: {
                    firstTestStoreRecord: {
                        bind: '{testStore}',
                        get: function(testStore) {
                            return testStore.getAt(0);
                        }
                    }
                },
                stores:{
                    testStore: {
                        //fields: [{ name: 'test', type: 'string' }],
                        data: [{
                            test: 'Foo',
                            style: {
                                'font-size': '22px',
                                'color':'red',
                            }
                        }]
                    }
                }
            },

我对绑定公式的参考是：

items: [{
                xtype: 'form',
                title: 'Bound form',
                flex: 1,
                items: [{
                    xtype: 'label',
                    bind: {
                        html: '<b>{firstTestStoreRecord.test}</b>',
                        bodyStyle: '{style}'
                    }
                }]
            }]

这是我正在尝试的小提琴：Bind store from a ViewModel to an xtype label with style。我正在尝试更改 html 中的字体样式，但它不起作用。我以此作为参考：How-to-bind-to-style-and-or-html-property

Answer 1

有两点不对：

• 标签没有style，更不用说bodyStyle 配置了。如果要设置样式，则必须在标签上使用内联 HTML 或使用容器。
• 您对样式的绑定不违反记录 (firstTestStoreRecord)。

更正和工作的代码：

items: [{
    xtype: 'container',
    bind: {
        html: '<b>{firstTestStoreRecord.test}</b>',
        style: '{firstTestStoreRecord.style}'
    }
}]