[CLOSED]Selection of Association in DataView

[ykey]

I am getting the following error when I try to select an item in a DataView that is actually an association of the model included in the store passed to the DataView.

Uncaught TypeError: Cannot read property 'internalId' of undefined ext-all-debug.js (line 45224)
Uncaught TypeError: Cannot read property 'id' of undefined ext-all-debug.js:32147

Should I be able to do this or is it intended that you would only select items from the root model passed into the DataView?

Ext.onReady(function() {

    Ext.regModel('Scheme', {
        fields: ['id', 'name'],
        hasMany: 'Category',
	proxy: {
            type: 'ajax',
            url : 'schemes.json'
        }
    });
    
    Ext.regModel('Category', {
        fields: ['id', 'name'],
        belongsTo: 'Scheme',
    });

    var store = new Ext.data.Store({
		autoLoad: true,
                model: 'Scheme',
		storeId: 'schemeStore',
		listeners : {
			load : function() {
				console.log(arguments);
			}
		}
    });
   
    var tpl = new Ext.XTemplate(
		'<tpl for=".">',
			'<div><span class="item">{name}</span></div>',
			'<tpl for="categories">',
				'<div><span class="item">{name}</span></div>',
			'</tpl>',
		'</tpl>'
    );
	
    var dataview = new Ext.DataView({
		renderTo: Ext.getBody(),
		store: store,
		tpl: tpl,
		itemSelector: 'span.item',
		selectedItemCls: 'selected',
		listeners: {
                    selectionChange: function(dataview, index, node, e) {
				console.log(arguments);
                    }
                }
    });
});

[evant]

Post your data as well please.

[ykey]

The more I think about it I am pretty sure I am just trying to doing something stupid here.

[
    {
        id: 1,
        name: 'Scheme1',       
        categories: [
            {
				id: 1,
				name: 'Category1'				
            },
            {
				id: 2,
				name: 'Category2'	
           }
		]
    }
]

[evant]

The problem is that you're duplicating the itemSelector. So for each record, you've categories.length + 1 data view selection items. Make sense?

[Gerardo Guerrero]

What was the solution for this issue? i have the same problem for a tree, this is my code:

{ 
text: '.',
children: [{
    text:'Cátalogos',
    icon:'images/icons/application_cascade.png',
    expanded: true,
    children:[{
        text:'Empresas',
        icon:'images/icons/overlays.png',
        id:'absolute',
        leaf:true
    },{
        text:'Proveedores',
        icon:'images/icons/group_gear.png',
        id:'accordion',
        leaf:true
    },{
        text:'Clientes',
        icon:'images/icons/group.png',
        id:'anchor',
        leaf:true
    },{
        text:'Empresas reembolso',
        icon:'images/icons/key_go.png',
        id:'border',
        leaf:true
    },{
        text:'Empleados',
        icon:'images/icons/status_online.png',
        id:'card-tabs',
        leaf:true
    },{
        text:'Asignar turnos',
        icon:'images/icons/time_go.png',
        id:'card-wizard',
        leaf:true
    },{
        text:'Puntos empleado',
        icon:'images/icons/medal_gold_1.png',
        id:'column',
        leaf:true
    },{
        text:'Metas empleado',
        icon:'images/icons/medal_bronze_2.png',
        id:'fit',
        leaf:true
    },{
        text:'Asignar producto a proveedores',
        icon:'images/icons/user_go.png',
        id:'table',
        leaf:true
    },{
        text:'Asignar proveedor a productos',
        icon:'images/icons/user_comment.png',
        id:'vbox',
        leaf:true
    },{
        text:'Cátalogo de clientes',
        icon:'images/icons/user_suit.png',
        id:'hbox',
        leaf:true
    }]
},{
    text:'Productos',
    icon:'images/icons/car.png',
    id:'productos',
    children:[{
        text:'Tipos de productos',
        icon:'images/icons/cart_put.png',
        id:'center',
        leaf:true
    }]
},{
    text:'Configuración',
    icon:'images/icons/cog.png',
    id:'config',
    children:[{
        text:'Zonas de impuestos',
        icon:'images/icons/money.png',
        id:'center',
        leaf:true
    }]
},{
    text:'Turnos',
    icon:'images/icons/time.png',
    id:'turnos',
    children:[{
        text:'Consultar turnos',
        icon:'images/icons/time_go.png',
        id:'abs-form',
        leaf:true
    },{
        text:'Detalle de turno',
        icon:'images/icons/timeline_marker.png',
        id:'tabs-nested-layouts',
        leaf:true
    }]
}]
}

[tonnisw]

In your case you have more than one id: 'center'. (There may be others.)

[kibriame]

i am facing same problem, my data layout like this

[{
categories: [
{ id: 1, name: 'Category1' },
{ id: 2, name: 'Category2' }
],
colors: [
{ id: 1, name: 'Color1' },
{ id: 2, name: 'Color2' }
]
}]
please suggest me