Hello, I wanted to make execute a command in the runtime beforeint of a unimlistgrid to swap the image that appears on the grid,
está assim
function beforeInit(sender, config)
{
config.loadMask=false;
sender.setLoadingText(false);
config.grouped=true;
config.emptyText='Cart is empty';
config.cls='azemList';
config.selectedCls='';
sender.observacao=function(observacao){
Frm_Mesas.GridMesa.showMask();
ajaxRequest(Frm_Mesas.window, 'observacao', ['id='+observacao]);
};
config.itemTpl= new Ext.XTemplate(
'<table class="lsttbl" border="0" height="60px">'+
'<tr>'+
'<td class="lsttbl_title" style="width:50px;vertical-align:top; font-size: 14px;">Mesa:</td>'+
'<td class="lsttbl_info" colspan="4" style="color:#20B2AA;vertical-align:top; font-size:19px"">{0}</td></tr><tr>'+
'<td class="lsttbl_title" style="width:40px;vertical-align:bottom;color:#e91e63">Status:</td>'+
'<td class="lsttbl_info" style="width:60px;text-align:center;vertical-align:bottom;font-size:18px">{1}</td>'+
'<td class="lsttbl_title" style="width:50px;vertical-align:bottom; font-size:18px;"></td>'+
'<td class="lsttbl_info" style="color:#1E90FF;width:40px;text-align:left;vertical-align:bottom; font-size:25px;">{2}</td>'+
'<td></td>'+
'</tr></table>'+
'<img onclick="javascript:Frm_Mesas.GridMesa.observacao(\'{0}\')"'+
' src="files/images/Table.svg" height="60px" style="position:absolute;right:80px;top:10px;"/>'
);
}
I wanted it at runtime to switch to another image
function beforeInit(sender, config)
{
config.loadMask=false;
sender.setLoadingText(false);
config.grouped=true;
config.emptyText='Cart is empty';
config.cls='azemList';
config.selectedCls='';
sender.observacao=function(observacao){
Frm_Mesas.GridMesa.showMask();
ajaxRequest(Frm_Mesas.window, 'observacao', ['id='+observacao]);
};
config.itemTpl= new Ext.XTemplate(
'<table class="lsttbl" border="0" height="60px">'+
'<tr>'+
'<td class="lsttbl_title" style="width:50px;vertical-align:top; font-size: 14px;">Mesa:</td>'+
'<td class="lsttbl_info" colspan="4" style="color:#20B2AA;vertical-align:top; font-size:19px"">{0}</td></tr><tr>'+
'<td class="lsttbl_title" style="width:40px;vertical-align:bottom;color:#e91e63">Status:</td>'+
'<td class="lsttbl_info" style="width:60px;text-align:center;vertical-align:bottom;font-size:18px">{1}</td>'+
'<td class="lsttbl_title" style="width:50px;vertical-align:bottom; font-size:18px;"></td>'+
'<td class="lsttbl_info" style="color:#1E90FF;width:40px;text-align:left;vertical-align:bottom; font-size:25px;">{2}</td>'+
'<td></td>'+
'</tr></table>'+
'<img onclick="javascript:Frm_Mesas.GridMesa.observacao(\'{0}\')"'+
' src="files/images/CARD.svg" height="60px" style="position:absolute;right:80px;top:10px;"/>'
);
}