Question

我正在使用Sencha Touch在列表模板中显示嵌套（关联）模型数据，但我只能显示要显示的根模型数据。我的模型是属于客户的约会，客户有很多约会。我的型号代码：

Customer = Ext.regModel('Customer', {
hasMany: { model: 'Appointments', name: 'appointments' },
fields: [
  { name: 'id', type: 'integer' },
  { name: 'firstName', type: 'string' },
  { name: 'lastName', type: 'string' },
  { name: 'email', type: 'string' },
  { name: 'secondary_email', type: 'string' },
  { name: 'homePhone', type: 'string' },
  { name: 'mobilePhone', type: 'string' },
  { name: 'dob', type: 'date', dateFormat: 'Y-m-d' },
  { name: 'allowLogin', type: 'boolean' },
  { name: 'emailReminders', type: 'boolean' },
  { name: 'reminders_to_stylist', type: 'boolean' },
  { name: 'fullName',
    convert: function(value, record) {
      var fn = record.get('firstName');
      var ln = record.get('lastName');
      return fn + " " + ln;
    } }
 ]
 });

Appointment = Ext.regModel('Appointment', {
belongsTo: { model: 'Customer', name: 'customer' },
fields: [
  { name: 'id', type: 'string' },
  { name: 'startTime', type: 'date', dateFormat: 'c' },
  { name: 'customer_id', type: 'integer' },
  { name: 'startTimeShort',
    convert: function(value, record) {
      return record.get('startTime').shortTime();
    }
  },
  { name: 'endTimeShort',
    convert: function(value, record) {
      return record.get('endTime').shortTime();
    }
  },
  { name: 'endTime', type: 'date', dateFormat: 'c' } 
]
});

我使用xtype：list的面板看起来像：

var jsonPanel = {
title: "Appointments",
items: [
  {
    xtype: 'list',
    store: appointmentStore,
    itemTpl: '<tpl for="."><span id="{id}">{startTimeShort} - {endTimeShort} <tpl for="customer"><span class="customer">{firstName}</span></tpl></span></tpl>',
    singleSelect: true,
    onItemDisclosure: function(record, btn, index) {
      Ext.Msg.alert('test');
    }
  }
]
};

嵌套数据从JSON加载并且似乎正确加载到商店中 - 当我调试从约会模型加载的约会商店对象时，我看到了appointment.data.items数组对象有一个CustomerBelongsToInstance对象，对象的数据对象确实包含正确的模型数据。 startTime和endTime字段在列表中正确显示。

我怀疑我要么没有正确使用项目模板标记，要么可能有一些奇怪的依赖，我必须从具有“有很多”关联的模型开始，而不是“属于”如厨房水槽演示所示。

我无法找到任何使用此类关联的示例，因此感谢任何帮助。

Answer 1

看起来您的Customer hasmany association正在指定约会时应该约会哪个是该模型的名称。

在Sencha Touch XTemplate中显示嵌套模型数据时出现问题

1 个答案: