Threaded View

  1. 18 Feb 2012 3:07 PM #1
    bsklar
    bsklar is offline
    Sencha User
    Join Date
    Oct 2007
    Posts
    40
    Vote Rating
    0
    Answers
    1
    bsklar is on a distinguished road
      0  

    Default Answered: getDetailCard works with sencha-touch-all-compat but not with sencha-touch-all-debug

    Answered: getDetailCard works with sencha-touch-all-compat but not with sencha-touch-all-debug


    I cannot figure out why the following code is working fine, that is it showing the detailCard with sencha-touch-all-compat.js but it does not work with sencha-touch-all-debug.js. I am using sencha-touch-2-b3.

    Code:
     	var petNL =  Ext.create('Ext.dataview.NestedList', {
                iconCls: 'dog_icon',
				xtype: 'nestedlist',
                                title  : 'Available Dogs',
				store: store,
			    getItemTextTpl: function() {
					return listfmt;
				},
			    getDetailCard: function(node) {
				  if (node) {
						return {
							xtype: 'panel',
							scrollable: true,
							styleHtmlContent: true,
							fullscreen: true,
						    items:{
								  docked : 'top',
								  xtype: 'toolbar',
								  title: node.get('name'),
								  },							
							html:  
								'<img src="' + node.get('avatar') + '" width="310" height="310" >' 
                                                                + 'Age:</strong> ' + node.get('age') + '<br/>' 
						}
				  }
			  }
			});
    Thank you in advance for your assistance.
    Reply With Quote Reply With Quote
  2. Best Answer Posted by Jamie Avins

    Code:
    Ext.define('my.DogList', {
    extend: 'Ext.dataview.NestedList',
    xtype: 'doglist',
    config: {
        iconCls:'dog_icon',
        title:'Available Dogs'
    },
    getDetailCard:function (node) {
        if (node) {
            return {
                xtype:'panel',
                scrollable:true,
                styleHtmlContent:true,
                fullscreen:true,
                items:{
                    docked:'top',
                    xtype:'toolbar',
                    title:node.get('name'),
                },
                html:'<img src="' + node.get('avatar') + '" width="310" height="310" >'
                    + 'Age:</strong> ' + node.get('age') + '<br/>'
            }
        }
    }
});

var petNL = Ext.create('my.DogList', {
    getItemTextTpl:function () {
        return listfmt;
    },
    store: store
});
    I'm not sure what listfmt is since it's defined somewhere else in your closure.. Otherwise I'd put it in the new class as well.