EXTJS7 publishes将配置属性映射到viewModel

在组件声明使用publishes

代码语言：javascript复制

Ext.define('myComponent', {
	extend: 'Ext.Component',
	xtype: 'my-component',
	// 配置属性,默认不支持组件直接绑定属性
	config: {
		prop1: null,
		...
	},
	publishes: {
		// 增加此项将配置属性映射到viewModel
		prop1: true
	},
	items:[{
		...
		// 可以直接绑定published映射过的配置属性
		bind: { value: '{prop1}'}
		...
	}]
});

在组件实例使用publishes

代码语言：javascript复制

{
	xtype: 'my-component',
	reference: 'mycomponent',
	publishes: ['prop1']
}, {
	type: 'textfield',
	bind: 'mycomponent.prop1'
}

• 如果组件实例不存在reference属性，则publishes配置将被忽略

reference 配置

0 人点赞