build - Items not visible after building or events not working -
i have simple app : http://www.senchafiddle.com/#arebj . consists of view, displays links. after clicking each of them, popup target value appears. works fine before building app, after building links not displayed @ all. showing links i'm using dataview component. i've tried tackling ext.component, dunno why events not fired when of items tapped on (and 'paint' event well). here's second version of iconsscreen view i'd prefer use, without events it's useless :
ext.define('sf.view.iconsscreen', { extend: 'ext.component', xtype: 'icons-screen', require: [ 'sf.store.mainmenu' ], config: { tpl: new ext.xtemplate('<ul class="menu-icons-list">', '<tpl for=".">', '<li class="icon">', '<a target="{url}" style="background: url({icon})">', '</a>', '<span class="icon-text">{name}</span>', '</li>', '</tpl>', '</ul>' ), store : ext.create('sf.store.mainmenu'), data : [], listeners : { painted : function(){ this.onicontap(); } } }, initialize : function() { var storedata = this.getstore().getrange(), tpldata = []; ext.array.each(storedata, function(item){ tpldata.push(item.getdata()); }); this.setdata(tpldata); this.element.on({ scope : this, delegate : 'a', tap : 'onicontap' }); this.callparent(); }, onicontap : function(e, t) { this.fireevent('icontap', e, t); } });
i'm attaching buildable version : https://mega.co.nz/#!kezictqt!ckfxsqz0qmscpix1uvfzgxa0qeqfm9mvy8hynjdphq8
first of think this.element
undefined until list rendered. can't assign events in constructor. need wait paint/render event , assign additional handlers there.
as tracking issues in built code suggest building testing
version. it's not minified it's equal production in other ways.