This is my List
Code:
Application.views.MealList = Ext.extend(Ext.List, {
scroll: false,
itemTpl: [
'<tpl for=".">',
'<tpl if="calories != "" && calories != 0">',
'<div class="fltR"><div class="next">Calories: {calories}</div></div>',
'</tpl>',
'<div class="item">',
'<div class="title">{title}</div>',
'<tpl if="meal_item_count==0">',
'<div class="name">No Items on Plate</div>',
'</tpl>',
'<tpl for="mealitems">',
'<div class="name">{name}</div>',
'</tpl>',
'</div>',
'<div class="clr"></div>',
'</tpl>'
],
store: 'MealStore',
listeners:{
itemtap: function (view, index, item, e){
var rec = view.store.getAt(index);
var itemsInMeal = rec.data.meal_item_count;
var mealuuid = rec.data.uuid;
var mealid = rec.data.id;
var mealname = rec.data.title;
storageObj.setItem('meal_id',mealid);
storageObj.setItem('meal_uuid',mealuuid);
storageObj.setItem('meal_name',mealname);
if(itemsInMeal > 0){
storageObj.setItem('from_url','nutrition/meal_details');
var url = 'nutrition/meal_details';
Ext.redirect(url);
}else{
storageObj.setItem('from_url','nutrition/plan');
var url = 'nutrition/build';
Ext.redirect(url);
}
}
}
});
Ext.reg('mealList', Application.views.MealList);