Question

我正在尝试在Sencha Touch 2.3.1中创建一个简单的模型关联。

基本上我想要一个按类别排列的优惠券存储。所以每个类别都有很多优惠券。

我的数据目前在商店声明中是硬编码的（没有代理或服务器）。

类别模型声明：

Ext.define('Category', {
extend: 'Ext.data.Model',

config: {
    idProperty: 'id',
    fields: [
        { name: 'id'},
        { name: 'name' },
        { name: 'itemType'}
    ],
    hasMany: [
        {
            associatedModel: 'Coupon',
            name: 'Coupons',
            foreignKey: 'category_id'
        }
    ]
}});

优惠券型号：

Ext.define('Coupon', {
extend: 'Ext.data.Model',
config: {

    fields: [
        { name: 'couponId'},
        { name: 'title'},
        { name: 'description'},
        { name: 'category_id'},
    ],
    belongsTo: [
        {
            model: 'Category',
            name: 'Category',
            associationKey: 'category_id'
        }
    ]
}});

类别商店和数据：

Ext.define('CategoryStore', {
extend: 'Ext.data.Store',
config: {
    autoLoad: true,

    data: [
        {
            id: 1,
            name: "cat1"
        },
        {
            id: 2,
            name: "cat2"
        }
    ],
    model: 'Category',
    storeId: 'CategoryStore'
}});

优惠券商店：

Ext.define('CouponStore', {

extend: 'Ext.data.Store',
config: {
    autoLoad: true,

    data: [
        {
            id: '1',
            title: 'coupon1',
            description : 'some desc',
            category_id:1
        },
        {
            id: '2',
            title: 'coupon2',
            description : 'desc2',
            category_id:2
        }
    ],
    model: 'Coupon',
    storeId: 'CouponStore'
}

}）;

最后，app.js中的启动函数中的代码：

Ext.application({

name: 'hasmany',

launch: function () {
    // Destroy the #appLoadingIndicator element
    Ext.fly('appLoadingIndicator').destroy();

    var categoryStore = Ext.create('CategoryStore');

    var cat2 = categoryStore.findRecord('name','cat2');

    console.log(cat2.getData()); //This works fine

    console.log(cat2.Coupons().getData()); //This returns an empty array
}

}）;

结果： hasMany关联方法cat2.Coupons（）返回一个空数组：

Chrome控制台：

> Object {id: 2, name: "cat2", itemType: undefined} app.js:100
Class {all: Array[0], items: Array[0], keys: Array[0], indices: Object, map: Object…}

任何帮助将不胜感激，谢谢！

* 编辑：我设法使用变通方法实现了预期的结果：

var couponStore = Ext.create('CouponStore');
couponStore.filter('category_id',2);

这对我来说已经足够好了，不过我会非常有兴趣知道为什么我以前的代码不起作用。

Answer 1

我遇到了同样的问题。基本上，您需要为任何hasMany关联创建一个空白关联，因为您的cat2.Coupons（）返回hasMany存储，但如果没有关联的记录，它只会返回一个带有.recordCount（）= 0的商店。因此，你需要添加一个空白的关联。我现在部分工作了。我做的是在解析传入数据时添加以下代码块（我更改了变量名称以匹配您的名称）：

    var recArray;
    var couponRecs = category.Coupons();
    var couponModel = Ext.ModelManager.getModel('YourAppName.model.Coupon');

    if (couponRecs.getCount() === 0){
        recArray = couponnRecs.add(couponModel);
        recArray[0].set({attributes here});
    }

此外：

我有这个工作，但是有一个问题是hasMany关联不会持久存在。见https://stackoverflow.com/questions/23582602/storing-hasmany-associations-in-sencha-touch-2-3-1

Answer 2

可能通过在商店中定义数据字段，不会创建关联。试试这个：

var cat1 = Ext.create('Category', {
    id: 1,
    name: 'cat1',
    Coupons: [
        {
            id: '1',
            title: 'coupon1',
            description : 'some desc',
            category_id:1
        },
        {
            id: '2',
            title: 'coupon2',
            description : 'desc2',
            category_id:1
        }
    ]
});
console.log(cat1.Coupons().getData());

或代替.getData（），您可以使用方法.getCount（）

答案最终将是2

在Sencha Touch 2中创建hasMany关联

2 个答案: