Hi All --

I'm developing a dashboard of sorts to work with a cometd interface. Currently have everything running smoothly, however, there's one point of annoyance. Because of the near real-time (currently updating every 1000ms) updating of the interface, my templated items don't exist in the DOM long enough to register an event like 'taphold', 'swipe', etc.

I'm trying to think of a way to overload the standard behavior of a DataView so that I can render via XTemplate for the initial load, but maintain the DOM elements that surround the updatable data elements on subsequent updates. This way, the structural integrity of the application is maintained (will always have the same number of records from the initial load, btw) and the DOM elements can record the required events. Basically, I'd like to create a smart DataView that doesn't destroy itself upon the store's update, just find fields based on 'playerID' and replace the span content.

Here's an example of the DataView code (though not essential for the question):

Code:
new Ext.DataView({
 store: activityStore,
 tpl: TileTpl,
 scroll:true, 
 autoHeight:true,
 itemSelector:'article',
 multiSelect:true,
 overItemCls:'x-view-over',
 emptyText:'Player Data Could Not Be Loaded',
 listeners:{
 el:{
 tap:function(){
      Ext.Msg.alert('Pinched!', 'Youve pinched an item representing ', Ext.emptyFn)

 },
 delegate:'span'
 },
 el:{
 taphold:function(dv, index, item, e){
      Ext.Msg.alert('Tap Hold!','Youve held an item representing ', Ext.emptyFn)

 },
 delegate:'.activity'
}
}
})
and the Model, Store and Template:
Code:
Ext.regModel('PlayerData',{
 fields:[
 {name:'playerID', type:'int'},
 {name:'jerseyNumber', type:'int'},
 {name:'playerName', type:'string'},
 {name:'heartRate', type:'int'},
 {name:'hearRateZone', type:'string'},
 {name:'activity', type:'int'},
 {name:'distance', type:'int'},
 {name:'acceleration', type:'int'}
 ]
 });

 

 var activityStore =new Ext.data.Store({
 model:'PlayerData'
 });

 

 var TileTpl =new Ext.XTemplate(
 '<tpl for=".">',
 '<article class="tile">',
 '<header><span
 class="jerseyNumber">{jerseyNumber}</span><span 
class="playerName">{playerName}</span></header>',
 '<span class="parameter heartrate">{heartRate}</span>',
 '<span class="parameter activity active">{activity}<span>watts</span></span>',
 '<span class="parameter distance">{distance}</span>',
 '<span class="parameter acceleration">{acceleration}%</span>',
 '</article>',
 '</tpl>'
 )
Thanks in advance!