網格嵌套在Ext JS的6.2

Question

嗨技術高手沒有產生， 我與「Rowwidget」插件的幫助下創建了嵌套網格中的Ext JS 6.2。但是我已經獲得了外部網格。但是，它沒有顯示內部網格。

我跟着這個Sencha code example

我的代碼在繳費： Sencha Fiddle

在此先感謝...

Answer 1

按照煎茶文檔： http://docs.sencha.com/extjs/6.2.1/classic/Ext.data.schema.Association.html#ext-data-schema-association_association-concepts

在這種情況下，性能的參考文件應該如下：

• 類型：該名家長型號
• 逆：函數的名稱，它應該會返回子店（這名字，你應該參照，在小部件存儲綁定）

變化的orderModel：

var orderMDL = Ext.define('orderModel', { 
extend: 'Ext.data.Model', 

fields: [ 
// Declare an association with Company. 
// Each Company record will be decorated with 
// an "orders" method which yields a store 
// containing associated orders. 
{ 
    name: 'companyId', 
    reference: { 
     type:'companyModel', 
     inverse:'orders' 
    } 
}, { 
    name: 'productCode' 
}, { 
    name: 'quantity', 
    type: 'number' 
}, { 
    name: 'date', 
    type: 'date', 
    dateFormat: 'Y-m-d' 
}, { 
    name: 'shipped', 
    type: 'boolean' 
}], 

proxy: { 
    type: 'memory', 
    data: ordersListJSONArray 
}}); 

變化小部件：

widget: { 
      xtype: 'grid', 
      autoLoad: true, 
      bind: { 
       store: '{record.orders}', 
       title: 'Orders for {record.name}' 
      }, 
      columns: [{ 
       text: 'Order Id', 
       dataIndex: 'id', 
       width: 75 
      }, { 
       text: 'Procuct code', 
       dataIndex: 'productCode', 
       width: 265 
      }, { 
       text: 'Quantity', 
       dataIndex: 'quantity', 
       width: 100, 
       align: 'right' 
      }, { 
       format: 'Y-m-d', 
       width: 120, 
       text: 'Date', 
       dataIndex: 'date' 
      }, { 
       text: 'Shipped', 
       dataIndex: 'shipped', 
       width: 75 
      }] 
     }