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

将样式应用于绑定公式

1 个答案: