1

Ext JS と Rails をバックエンドとして使用しています。親子関係、つまり 1 対多の関係を持つ mysql データベースを使用しています。「GRID」のロードに使用できる「単一の」JSON ストアが必要です。親と子のレコードを持つデータ..また、フォームとグリッドの両方を同じストアにバインドする方法はありますが、jsonreaders は異なりますか? つまり、フォームのデータリーダーはroot: 'customers'の文字列を読み取り、グリッドはroot :'products' の文字列を読み取りますか? JSON は次のようになります。

{
        "customers": [{
            "amt": 8000,
            "custnm": "rashmi",
            "id": 2,
            "purdt": "2011-04-27",
            "products": [{
                "amt": 40,
                "customer_id": 2,
                "id": 3,
                "prodnm": "oil",
                "qty": 1,
                "rate": 40
            }]
        }, {
            "amt": 300000,
            "custnm": "bhumika",
            "id": 3,
            "purdt": "2011-04-14",
            "products": [{
                "amt": 40,
                "customer_id": 3,
                "id": 1,
                "prodnm": "soap",
                "qty": 20000,
                "rate": 20
            }, {
                "amt": 150,
                "customer_id": 3,
                "id": 2,
                "prodnm": "shampoo",
                "qty": 3000,
                "rate": 50
            }, {
                "amt": null,
                "customer_id": 3,
                "id": 14,
                "prodnm": "aa",
                "qty": 2,
                "rate": null
            }]
        }, {
            "amt": 15000,
            "custnm": "Shruti",
            "id": 13,
            "purdt": "2011-04-08",
            "products": []
        }, {
            "amt": 200000,
            "custnm": "Jayesh",
            "id": 14,
            "purdt": "2011-03-31",
            "products": []
        }, {
            "amt": 220000,
            "custnm": "SHRUTI",
            "id": 15,
            "purdt": "2011-04-06",
            "products": []
        }, {
            "amt": 10000,
            "custnm": "RASHMI",
            "id": 24,
            "purdt": "2011-04-06",
            "products": []
        }],
        "results": 6
    }
4

2 に答える 2

2

新しい Ext JS 4 には、問題を解決するモデルの関連付けがあります ( http://docs.sencha.com/ext-js/4-0/guide/data )

// each User hasMany Orders
Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: ['id', 'name', 'email'],
    proxy : {
        type: 'rest',
        url : '/users',
        reader: 'json'
    },

    hasMany: 'Orders'
});

// each Order belongsTo a User, and hasMany OrderItems
Ext.define('Order', {
    extend: 'Ext.data.Model',
    fields: ['id', 'user_id', 'status'],
    belongsTo: 'User',
    hasMany: 'OrderItems'
});

// each OrderItem belongsTo an Order
Ext.define('OrderItem', {
    extend: 'Ext.data.Model',
    fields: ['id', 'order_id', 'name', 'description', 'price', 'quantity'],
    belongsTo: 'Order'
});

user.orders() を呼び出すと、Orders モデルで構成された Store が返されます。これは、User モデルで hasMany: 'Orders' の関連付けが定義されているためです。

User.load(123, {
    success: function(user) {
        //we can iterate over the orders easily using the Associations API
        user.orders().each(function(order) {
            console.log(order.get('status'));

            //we can even iterate over each Order's OrderItems:
            order.orderItems().each(function(orderItem) {
                console.log(orderItem.get('title'));
            });
        });
    }
});
于 2011-04-28T04:45:41.850 に答える
0

デフォルトのレンダリング方法をオーバーライドすることができます。列のレンダラー メソッドを定義します。

renderer: function(value, metaData, record, rowIndex, colIndex, store) {
      // you can use record.get method to access the data you require
      return the_retrived_data;
 }

mappingプロパティを使用して、json ストアのフィールドをネストされた json にマップする必要があります。たとえば、製品名にアクセスする必要がある場合は、次のように指定できます。

{name: 'productname', mapping: 'products.prodnm'}

ドット演算子の代わりに配列表記を使用することもできます。例: "products['prodnm']"。

于 2011-04-21T07:21:26.450 に答える