Olá a todos.
Estou utilizando um widget que quando o usuário clica em uma linha de uma table ele deve abrir um modal, realizar algumas alterações e clicar para salvar.
Meu SuperWidget está assim:
var myWidget = SuperWidget.extend({
bindings: {
global: {
'save-pointing' : ['click_savePointing']
}
},
savePointing: function(el, ev){
//Função com varios codigos para salvar quando clicar no botao "SALVAR"
alert("Iniciou funcao savePointing");
}
});
O código para abrir o modal está assim:
var apontamentoId = this.id; //Pega o id na linha da tabela
FLUIGC.modal({
title: "Detalhes do Apontamento",
content: {
widgetCode: 'pedra_validations',
ftl: 'validationDetails.ftl',
data: {
pointingId: apontamentoId
}
},
id: 'apontamentoDetalhes',
size: 'full',
actions: [
{
'label': 'Fechar',
'bind': 'data-fechar-modal',
'autoClose': true,
'classType': 'btn-primary'
}, {
'label': 'Salvar e Revalidar',
'bind': 'data-save-pointing',
'classType': 'btn-success'
},
]
});
Eu quero que quando carregar o validationDetail.ftl ele execute uma função javascript. Estou tentando da seguinte maneira:
<script src="js/validationsDetails.js"></script>//O script que contem a função "getAppointment" vem daqui
<script>
$(document).ready(function(){
var pointId = ${pointingId};
getAppointment(pointId);
});
</script>
Mas não estou conseguindo.
Quando a pessoa clica na tabela, apenas aparece um modal vazio (sem nenhum erro no console de dev no chrome).
Quando eu clico no botão do modal "Salvar e Revalidar" (que está "ligado" com a função savePointing do super Widget) não acontece nada também (nem o alert é chamado).
A estrutura de pastas do meu projeto de widget está assim:
E meu application.info está referenciado os js dessa maneira:
O que está faltando para funcionar o que preciso?