Home > Database > Mysql Tutorial > body text

sencha architect 2 官方实例 Linked Instances

WBOY
Release: 2016-06-07 15:37:30
Original
918 people have browsed it

代码可重用是创建一个可维护软件系统的基本要素,architect可以帮助你把应用中的可复用类抽取出来。 每一个architect inspector的最外层实例代表一个类 architect能让你从上至下的开发或从下至上的开发,如果你从一个单一view容器开始,你将不断更改类的配置

代码可重用是创建一个可维护软件系统的基本要素,architect可以帮助你把应用中的可复用类抽取出来。

每一个architect inspector的最外层实例代表一个类

architect能让你从上至下的开发或从下至上的开发,如果你从一个单一view容器开始,你将不断更改类的配置来增强它。如果你从一开始就专注于构建单个特定的展现形式来设计你的应用程序,然后再组装起来,你就可以用Linked Instances来实现

使用Linked Instances的目的就在于重用,你创建了一个通用组件,或xtype,然后创建一个Linked Instances,这样他就能再任何你需要它的时候重用它

更改最初的组件,所有此组件的Linked Instances都会跟着变化,每一个Linked Instances继承所有的变化。你也可以单独编辑Linked Instances。更改属性将覆写最初的组件。当你用另一个architect特性 增强类 时(在inspector中右键点击一个组件),这个变得非常有用

例子

增加一个Form Panel作为顶层组件,增加一个FieldSet和两个Text Fields到里面。设置form的userClassName -> SpecialForm, userAlias -> specialform。看截图

sencha architect 2 官方实例 Linked Instances

增加一个Window作为第二个顶层组件在inspector中,拖动SpecialForm到这个window中,会有弹出框出现 问你是copy move还是link,选择link。这样 architect 创建了一个MyWindow内的SpecialForm的Linked Instances 名叫 MyForm,还创建了一个能再项目中重用的 xtype 名为 specialform,如下图:

sencha architect 2 官方实例 Linked Instances

让我们来在一个viewport中重用这个specialform,增加一个Viewport顶层组件,在inspector中,拖动顶层组件SpecialForm到viewport中,弹出框选择link,architect创建了第二个 SpecialForm的Linked Instances,如下图:

 sencha architect 2 官方实例 Linked Instances

如果最初的组件发生变化 那么其他的两个也会发生变化。也可以点击其中一个更改 请自行尝试

用覆写做更多的Linked Instances

有时可视化视图可能无法通过拖拽完成一些操作,如 你想在viewport的实例form中添加一个ComboBox就是不行的

为了做这个,创建一个包含一个combobox的覆写。选择viewport 点击Code按钮,点击Create Override。用编辑器创建覆写initComponent。但是注意这在界面中是显示不出来的,因为architect并不认识覆写代码,运行时能看到


好了 链接实例 就讲到这里了



Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template