 function store.load(sender, records, successful, operation, eOpts)
{var tpl=new Ext.XTemplate(
'<div class="blabla" style="width:100%;">'+ 
 ' <div style="display:flex;'+  
 ' justify-content: center;'+
 ' flex-direction: column;'+  
 '  width:100%;">'+ 
 '<div style="background-color:#0e4279;height:24px;font-size:13px;padding:0px 0px 10px 2px;border-radius: 5px 5px 0px 0px;white-space:normal;display: grid;grid-template-columns:repeat(4, 1fr);">'+
  '<div Style="color:#fff;width:500px;"><spam Style="color:#eccd23;font-weight:bold;"><strong>{0}</strong></spam> {1}/{2} </div>'+
 '</div>'+  
 '</div>'+  
 '<div style="display:flex;">'+  
 '<div style="background-color:rgb(230, 238, 240);'+ 
 'padding-left: 3px;'+
 'border: 1px solid #4a4444;'+
 'box-sizing: border-box;'+  
 'white-space: normal;'+
 'font-size: 13px;'+
 'display: inline-block;'+
 'align-self:auto;'+  
 'width:100%;">'+
 '<spam Style="color:#0f1d6a;">Nr.Doc:</spam><spam Style="color:#000;"><strong> {3} </strong></spam>'+ 
 '<spam Style="color:#0f1d6a;">Emissao:</spam><spam Style="color:#000;"><strong> {4} </strong></spam>'+  
 '<spam Style="color:#0f1d6a;">Cond.Pg:</spam><spam Style="color:#91062d;"> {5} </spam>'+               
 '<spam Style="color:#0f1d6a;">R$ Total:</spam><spam Style="color:#91062d;"><strong> {[this.getvalor(values)]} </strong></spam>'+
 '<spam Style="color:#0f1d6a;">Vendedor:</spam><spam Style="color:#91062d;"> {7} </spam>'+
 '<spam Style="color:#0f1d6a;">Responsavel:</spam><spam Style="color:#91062d;"> {8} </spam>'+
 '<spam Style="color:#0f1d6a;">Terminal:</spam><spam Style="color:#91062d;"> {9} </spam>'+ 
 '<spam Style="color:#0f1d6a;">Status:</spam><spam Style="color:#91062d;"> {10} </spam>'+
 '<spam Style="color:#0f1d6a;">Dt.Doc:</spam><spam Style="color:#91062d;"> {11} </spam>'+
 '<spam Style="color:#0f1d6a;">ID:</spam><spam Style="color:#91062d;"> {12} </spam>'+
 '<spam Style="color:#0f1d6a;">Res:</spam><spam Style="color:#91062d;"> {13} </spam>'+
 '</div>'+
 '</div>'+ 
 '<div style="'+ 
 'background-color:#0e4279;'+ 
 'height:20px;'+
 'box-sizing: border-box;white-space: normal;padding:0px 0px 0px 0px;'+
 'border-radius: 0px 0px 5px 5px;">'+
 '<div style="display: flex;"><input type="button" class="fa" title="Imprimir" style="background-color:#5e7080;border-style:none;height:17px;margin:1px;width:50px;padding-top:0px;border-radius:5px;font-size:13px;color:#eccd23;"'+
 '  value="&#xf02f;" onClick="javascript:FRMVendas.UniDBGrid3.btn1Click({12});">'+ 
 ' <input type="button" class="fa" title="Ver Produtos" style="background-color:#5e7080;border-style:none;height:17px;width:50px;padding-top:0px;margin:1px;border-radius:5px;font-size:13px;color:#eccd23;"'+ 
 '  value="&#xf1b3;" onClick="javascript:FRMVendas.UniDBGrid3.btn2Click({12});">'+  
 ' <input type="button" class="fa" title="Faturar/Alterar  Documento" style="background-color:#5e7080;border-style:none;height:17px;width:50px;padding-top:0px;margin:1px;border-radius:5px;font-size:13px;color:#eccd23;"'+ 
 '  value="&#xf07a" onClick="javascript:FRMVendas.UniDBGrid3.btn3Click({12});">'+  
 ' <input type="button" class="fa" title="Cancela Documento" style="background-color:#5e7080;border-style:none;height:17px; width:50px;padding-top:0px;margin:1px;border-radius:5px;font-size:13px;color:#eccd23;"'+ 
 '  value="&#xf05e" onClick="javascript:FRMVendas.UniDBGrid3.btn4Click({12});">'+  
 ' <input type="button" class="fa" title="Altera Cliente" style="background-color:#5e7080;border-style:none;height:17px; width:50px;padding-top:0px;margin:1px;border-radius:5px;font-size:13px;color:#eccd23;"'+ 
 '  value="&#xf2bd" onClick="javascript:FRMVendas.UniDBGrid3.btn5Click({12});"></div>'+   
 '</div>'+  
 '</div>'+ 
 '</div>',{
getvalor:function(values){
return Ext.util.Format.number(parseFloat(values[6]), '0,000.00');
}
}       
);
 Ext.defer(function(){
  sender.grid.setColumns([
    {
      text: '',
      dataIndex: '0',
      flex:1,      
      xtype: 'templatecolumn',
      tpl: tpl
    }
  ]);  
  sender.grid.getColumns()[0].show();
 }, 500);     
}