Sencha touch 2 Sencha Architect xtype更改

如何在Sencha Architect中更改xtype

示例：

发件人：

xtype:'list'

到

---

xtype:“RefreshableList”

您必须通过扩展list类来创建自己的类，并为其指定自己的小部件别名。本教程提供了您所需的全部内容：

更新

下面是一些非常基本的自定义列表代码

//this follows the MVC structure, if you wanted you could also do something like ux.RefreshableList
Ext.define('myAppName.view.RefreshableList', {
    extend: 'Ext.dataview.List',
    xtype: 'RefreshableList',
    config: {
        fullscreen: true,
        itemTpl: '{title}',
        data: [
            { title: 'Item 1' },
            { title: 'Item 2' },
            { title: 'Item 3' },
            { title: 'Item 4' }
        ]
    },
    initialize: function() {
        this.callParent();
    }
});

---

您必须通过扩展list类来创建自己的类，并为其提供自己的小部件别名。本教程提供了您所需的全部内容：

更新

下面是一些非常基本的自定义列表代码

//this follows the MVC structure, if you wanted you could also do something like ux.RefreshableList
Ext.define('myAppName.view.RefreshableList', {
    extend: 'Ext.dataview.List',
    xtype: 'RefreshableList',
    config: {
        fullscreen: true,
        itemTpl: '{title}',
        data: [
            { title: 'Item 1' },
            { title: 'Item 2' },
            { title: 'Item 3' },
            { title: 'Item 4' }
        ]
    },
    initialize: function() {
        this.callParent();
    }
});

---

作为免责声明，我是Sencha Architect产品的首席工程师之一

将列表作为顶级组件拖出。所有顶级组件都是它们自己的类。将

userAlias

和

userClassName

配置设置为“refreshablelist”和“refreshablelist”等值。看看为此生成的代码

将面板作为顶级组件拖出，将检查器中现有的RefreshTableList拖入新面板。系统会提示您是否要移动、复制或链接列表，请选择“链接”。这将创建子类RefreshableList的实例

这是目前在架构师内部执行此任务的最佳方式。如果您在架构师之外构建了RefreshableList组件，并且希望在流程中链接它，那么情况将有所不同。您必须创建一个覆盖，并更改正在那里实例化的xtype。我们试图在Sencha Architect 2.2中解决这个限制。您将能够指定我们当前调用的

createAlias

。这是要创建的别名（xtype、ptype、type等）

---

例如，如果您拖出一个面板，然后在其中放入一个列表，那么您可以在inspector中选择该列表，并将

createAlias

配置为“RefreshableList”。这将把生成代码中的xtype从“list”替换为“RefreshableList”。它不会改变在Architect内部画布上呈现的内容。您必须通过JS资源和/或动态加载程序/所需功能加载RefreshableList类。

作为免责声明，我是Sencha Architect产品的首席工程师之一

将列表作为顶级组件拖出。所有顶级组件都是它们自己的类。将

userAlias

和

userClassName

配置设置为“refreshablelist”和“refreshablelist”等值。看看为此生成的代码

将面板作为顶级组件拖出，将检查器中现有的RefreshTableList拖入新面板。系统会提示您是否要移动、复制或链接列表，请选择“链接”。这将创建子类RefreshableList的实例

这是目前在架构师内部执行此任务的最佳方式。如果您在架构师之外构建了RefreshableList组件，并且希望在流程中链接它，那么情况将有所不同。您必须创建一个覆盖，并更改正在那里实例化的xtype。我们试图在Sencha Architect 2.2中解决这个限制。您将能够指定我们当前调用的

createAlias

。这是要创建的别名（xtype、ptype、type等）

---

例如，如果您拖出一个面板，然后在其中放入一个列表，那么您可以在inspector中选择该列表，并将

createAlias

配置为“RefreshableList”。这将把生成代码中的xtype从“list”替换为“RefreshableList”。它不会改变在Architect内部画布上呈现的内容。您必须通过JS资源和/或动态加载程序/所需功能加载RefreshableList类。

好的，但我使用的是Sencha Architect，我不知道如何创建自定义类。有一些代码示例吗？谢谢好的，但是我使用Sencha Architect，我不知道如何创建自定义类。有一些代码示例吗？谢谢@aaron conran对此表示感谢，但它假定子类将是控制器、视图、模型或存储的项。我目前正在处理一个Sencha架构师项目，该项目需要解决，并且没有办法按照您描述的方式对JsonWriter进行子类化。有什么想法吗？：）从Resources->JS Resource添加文件。这是一个原始JavaScript文件，将在加载库后包含。完全重写JsonWriter可能是最简单的方法。我们在Architect 2.2中提供了一些特性，这使得这一点更加容易。也许最好在架构师帮助论坛中启动您自己的线程，我们可以帮助您。感谢您的帮助，@aaron conran，但它假设子类将是控制器、视图、模型或存储的项。我目前正在处理一个Sencha架构师项目，该项目需要解决，并且没有办法按照您描述的方式对JsonWriter进行子类化。有什么想法吗？：）从Resources->JS Resource添加文件。这是一个原始JavaScript文件，将在加载库后包含。完全重写JsonWriter可能是最简单的方法。我们在Architect 2.2中提供了一些特性，这使得这一点更加容易。最好在架构师帮助论坛中启动您自己的线程，我们可以帮助您。