@akaluan , eu não sei se estou respondendo com algo relevante, mas fiz um teste aqui.
Primeiro, na minha página, criei um ‘DIV’ com um ‘id’ e com uma tag ‘data-meumodal’.
Criei, também, um botão para teste.
No Javascript, pus o código do evento clique e, dentro dele, experimentei pôr o ‘id’ do ‘div’ na propriedade ‘id’ da variável myModal.
> Observe que as tags html de abertura e de fechamento estão sem ‘<’, porque isto estava perturbando minha postagem aqui e eu não sei como contornar isto, a não ser mutilando a marcação e o código como eu fiz. Você deverá, ser for o caso, no Fluig, repô-las normalmente.
Tudo estava assim:
Na minha view.ftl:
div id="idDivNLRETeste" data-meumodal
button type="button" id="idBtnNLRETeste"
No Javascript:
jQuery(document).on("click","#idBtnNLRETeste",function (){
var myModal = FLUIGC.modal({
title: 'Title',
content: 'h1>Modal Content /h1>',
id: 'idDivNLRETeste',//O id do div na View.ftl
actions: [{
'label': 'Save',
'bind': 'data-meumodal',//igual ao que está no div
},{
'label': 'Close',
'autoClose': true
}]
}, function(err, data) {
if(err) {
// do error handling
} else {
// do something with data
}
});
});//idBtnNLRETeste click
Mas, deu zebra. A tela ficou com uma tarja e nada de botões, rótulos, etc; não renderizou nada.
Aí, resolvi substituir o nome do ‘id’ somente no Javascript e funcionou.
A mudança foi na propriedade ‘id’, passando a ser ‘um_id_qualquer’.
Ou seja, a ligação entre o modal e o meu div foi pela tag ‘data-meumodal’.
jQuery(document).on("click","#idBtnNLRETeste",function (){
var myModal = FLUIGC.modal({
title: 'Title',
content: 'h1> Modal Content /h1>',
id: 'um_id_qualquer',//pus um id qualquer aqui e mantive o data-meumoda
actions: [{
'label': 'Save',
'bind': 'data-meumodal',//igual ao que está no div
},{
'label': 'Close',
'autoClose': true
}]
}, function(err, data) {
if(err) {
// do error handling
} else {
// do something with data
}
});
});//idBtnNLRETeste click