时间戳

首页 > 解决方案 > 如何使用别名从 ExtJS 中的商店引用模型？

javascript - 如何使用别名从 ExtJS 中的商店引用模型？

问题描述

我有一个模型：

Ext.define('MyAPP.model.myMod', {
   extend  : 'Ext.data.Model',
   alias   : 'model.myMod',
});

还有一家商店：

   Ext.define('MyAPP.store.MyStore', {
      extend : 'Ext.data.Store',
      model  : 'MyAPP.model.myMod',
});

如何使用别名引用商店中的模型？我希望能够仅使用model: 'model.myMod',or来参考model: 'myMod'。

我无法让它工作，我总是使用完整路径引用它：MyAPP.model.myMod。

标签： javascriptextjsviewmodelaliasstore

解决方案

我忍不住在模型上定义和使用别名属性。

这不能开箱即用（没有覆盖），因为模型正在扩展 Ext.Base。

别名属性在扩展 Ext.Class 的类中得到定义。

并且存储上的模型属性需要一个className或entityName，如果你没有设置一个自定义的entityName，className是默认的。

实现此目的的一种方法是使用简写名称，如下所示：

Ext.define('foo.bar.test', {
    extend: 'Ext.data.Model',
    schema: {
         namespace: 'foo.bar'
     },
   fields:[ 'name', 'email', 'phone']
})

Ext.create('Ext.data.Store', {
    storeId: 'simpsonsStore',
    model: 'test',
    data: [
        { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' },
        { name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' },
        { name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' },
        { name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' }
    ]
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name', dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

提到的使用 xtype 的选项可能会起作用，我不会依赖它，因为 xtypes 是为组件设计的。

此主题的更多资源：

推荐阅读