EXTJS7 publishes将配置属性发布到viewModel
小编:管理员 451阅读 2022.09.07
在组件声明使用publishes
Ext.define('myComponent', { extend: 'Ext.Component', xtype: 'my-component', // 配置属性,默认不支持组件直接绑定属性 config: { prop1: null, ... }, publishes: { // 增加此项将配置属性发布到viewModel prop1: true } });复制在组件实例使用publishes
items:[{ xtype: 'my-component', reference: 'mycomponent', publishes: ['prop1'] }, { type: 'textfield', bind: '{mycomponent.prop1}' }], viewModel:{...}复制
- 使用reference后viewModel会自动生成一项data字段‘mycomponent’,并包含组件通过publishes发布的属性
- 如果组件实例不存在reference属性,则publishes配置将被忽略
- 如果组件内部包含viewModel,reference将引用映射到组件内部的viewModel中, 导致组件实例的owner.viewModel无法获取组件引用。 例如:前文源码案例中如果my-component定义中包含viewModel,则会在my-component.viewModel.data中创建引用 mycomponent: {prop1=xxx},而在外层的viewModel中不会创建引用
- reference不可使用连字符 “-”,否则会导致虽然可以在viewModel中创建引用,但无法创建绑定的问题
items:[{ xtype: 'my-component', reference: 'mycomponent-a', publishes: ['prop1'] }, { type: 'textfield', bind: '{mycomponent-a.prop1}' }]复制
此例中,虽然viewModel.data中有mycomponent-a: {prop1:xxx},但是textfield的绑定是无效的
相关推荐
- ExtJs七(ExtJs Mvc创建ViewPort) 前言在4.1的时候,要先创建一个扩展于Ext.app.Application的类,然后用create创建它的实例来开始应用程序的。而在4.1.1,则可直接调用application方法开始执行应用程序,简化了。调用application方法,其参数是一个配置对象,主要配置项有以下三个:name:用来…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…