Bom Dia !
Como eu faço para esconder / mostrar o botão delete em uma tabela com java script, dependendo da atividade em que estou?
Segue o Html e o javascript no Fluig (1.6.1)
Atenciosamente, Mauro.
Bom Dia !
Como eu faço para esconder / mostrar o botão delete em uma tabela com java script, dependendo da atividade em que estou?
Segue o Html e o javascript no Fluig (1.6.1)
Atenciosamente, Mauro.
@Mauro,
Primeiro você referencia seu arquivo javascript no head do seu formulário HTML:
<script type="text/javascript" src="desabilitar.js" charset="utf-8"></script>
Implementa a chamada da função no evento do formulário displayFields:
function displayFields(form,customHTML){
var formMode = form.getFormMode();
var mobile = form.getMobile();
var atv = getValue("WKNumState");
var user = getValue("WKUser");
var processo = getValue("WKNumProces");
customHTML.append("<script>");
customHTML.append(" function getFormMode(){ return '" + formMode + "'};");
customHTML.append(" function getMobile(){ return '" + mobile + "'};");
customHTML.append(" function getWKNumState(){ return " + atv + "};");
customHTML.append(" function getWKUser(){ return '" + user + "'};");
customHTML.append(" function getWKNumProces(){ return " + processo + "};");
customHTML.append(" atividade()"); // essa função você cria no seu arquivo javascript
customHTML.append("</script>");
}
Implementa seu arquivo desabilitar.js:
function atividade() {
var atv = getWKNumState(); // Pega do DisplayFields
if (atv == 1) {
$("img").each(function(index, value){
if ($(this).attr("id") != "logo") {
$(this).hide();
}
});
}
}
Rapaz, eu me desdobrei esses dias pra conseguir isso. A forma mais simples que achei foi ocultar a div do filho e criar uma tabela html dinâmica.
//O código abaixo mostra como pegar os itens do formulário filho,
//basta criar uma string e usar customHTML.append(html_string);
//fiz usando o evento DisplayFields
var indexes = form.getChildrenIndexes("tabledetailname");
var total = 0;
for (var i = 0; i < indexes.length; i++) {
var fieldValue = parseInt(form.getValue("valor___" + indexes[i]));
}
if ((Atividade > 1) || (Atividade == null)) { // Desabilita as imagens de apagar os itens.
Obrigado pelas respostas, mas consegui fazer assim:
var trash = document.getElementsByClassName('fluigicon-trash'), i; for (var i = 0; i < trash.length; i ++) { trash[i].style.display = 'none'; }
— Mauro Sérgio de Oliveira 19 de Sep de 2017