Xtemplate无法显示商店的价值

时间:2014-03-31 02:16:01

标签: javascript extjs store

我有这个商店

Ext.define('Reservacion',{
    extend: 'Ext.data.Model',
    fields: [
        {name:'id', type:'int'},
        {name:'area_comun_id', type:'string'},
        {name:'area_comun.nombre', type:'string'}

});

Ext.create('Ext.data.Store', {
        storeId:'store',
        model:'Reservacion',
        proxy: {
            type: 'ajax',
            url: '/reservacion/get',
            reader: {
                type: 'json'
            }
        },
        autoLoad: true
    })

这是响应数据

[{"id":1,"area_comun_id":1,"inmueble_id":1,,"status":true,"formato_lista_invitados":"1",
  "area_comun":{"id":1,
                "condominio_id":1,
                "nombre":"Pool",
                "descripcion":"parrillera",
                "costo":100.0,
                "status":true,"foto":null}
}]

所以我试图在一个标记中显示area_comun.nombre的值,但是Xtemplate没有显示该值,有人可以帮我这个吗? 这是我的Xtemplate代码

 '<tpl for".">',
                '    <div class="ticket-wrapper">',
                '        <span class="title">Reservado: <span class="data">{fecha_uso:date("Y-m-d")}</span></span>',
                '        <span class="description">De:{hora_inicio} a {hora_fin} Observacion: {observaciones}  </span>',
                '    </div>',
                '    <span class="description">{area_comun.nombre}</span>        ',
 '</tpl>'

显示所有其他值exept {area_comun.nombre}

1 个答案:

答案 0 :(得分:1)

我认为您的问题是您的商店期待名为'area_commun.nombre'的字段,但您实际上正在检索名为'area_commun'的对象。在您的商店中尝试以下操作:

Ext.define('Reservacion',{
extend: 'Ext.data.Model',
fields: [
    {name:'id', type:'int'},
    {name:'area_comun_id', type:'string'},
    {name:'area_comun', type:'auto'}

});

然后您就可以访问所有“area_commun”变量。