Skip to main content
Adição de código fonte
Fonte Link
Gabriel Falieri
  • 1,3mil
  • 2
  • 16
  • 42

construtor

function configurarControles() {

    var traducao = {
        infos: "Exibindo {{ctx.start}} até {{ctx.end}} de {{ctx.total}} registros", // 
        loading: "Carregando, isso pode levar alguns segundos...",
        noResults: "Não há dados para exibir",
        refresh: "Atualizar",
        search: "Pesquisar"
    }



        var controlarGrid = {
            ajax: true,
            url: urlListar,
            labels: traducao,
            statusMappins: {
                0: "Finalizado",
                1: "No prazo",
                2: "Atenção próximo ao prazo do SLA",
                3: "Prazo do SLA excedido"
            },
            searchSettings: {
                characters: 2
            },
            formatters: {
    
                "status": function (column, row) {
                    var totalDias = row.numeroDias;
                    
                    if (totalDias >= 3) {
                        return " <button href= '#' class='btn btn-success'></button>";
                    } else if (totalDias < 3 && totalDias >= 0) {
                        return " <button href= '#' class='btn btn-warning'></button>";
                    } else if (totalDias < 0) {
                        return " <button href= '#' class='btn btn-danger'></button>";
                    }
    
    
                },
    
                //return diffDays;
    
                "data": function (column, row) {
                    return row.Day + "/" + row.Month + "/" + row.Year;
    
                },
                "DtSla": function (column, row) {
                    return row.dia + "/" + row.mes + "/" + row.ano;
    
                },  
    
               
                "acoes": function (column, row) {
    
                    return " <a href= '#' class='btn btn-warning'  data-toggle='tooltip' data-placement='top' title='Editar' data-acao='Edit'data-row-id ='" + row.Id + "' > " +
                        "<span class='glyphicon glyphicon-edit'></span></a> &nbsp;"
                        +
                        "<a href='#' class='btn btn-danger' data-toggle='tooltip' data-placement='top' title='Excluir'  data-acao='Delete' data-row-id ='" + row.Id + "' > " +
                        "<span class= 'glyphicon glyphicon-trash'></span></a>&nbsp "
                        +
                        "<a href='#' class='btn btn-info' data-toggle='tooltip' data-placement='top' title='Detalhar'  data-acao='Details' data-row-id ='" + row.Id + "' >" +
                        "<span class='glyphicon glyphicon-list'></span></a>";
                },
                "atualizar": function (column, row) {
    
                    return " <a href= '#' class='btn btn-warning'  data-toggle='tooltip' data-placement='top' title='Editar' data-acao='Edit'data-row-id ='" + row.Id + "' > " +
                        "<span class='glyphicon glyphicon-edit'></span></a> &nbsp;"
                        +
                      
                        "<a href='#' class='btn btn-info' data-toggle='tooltip' data-placement='top' title='Detalhar'  data-acao='Details' data-row-id ='" + row.Id + "' >" +
                        "<span class='glyphicon glyphicon-list'></span></a>";
                },
                "AtualizarSolicitacoes": function (column, row) {
                    console.log(row);
                    return " <a href= '#'  class='btn btn-warning btnAlterarSolicitacao'  data-idSolicitacao='" + row.Id + "' id=btnFazerSolicitacaoEdicao" + row.Id +  "  data-colaboradorLatam='" + row.ColaboradorLatam + "' data-BP='" + row.BP + "' data-EmailColaborador='" + row.EmailColaborador + "' data-EspecieArquivo='" + row.EspecieArquivo + "' data-TipoArquivo='" + row.TipoArquivo + "' data-toggle='tooltip' data-placement='top' title='Editar' data-acao='Edit'data-row-id ='" + row.Id + "' > " +
                        "<span class='glyphicon glyphicon-edit'></span></a> &nbsp;"
                        +
    
                        "<a href='#' class='btn btn-info' data-toggle='tooltip' data-placement='top' title='Detalhar'  data-acao='Details' data-row-id ='" + row.Id + "' >" +
                        "<span class='glyphicon glyphicon-list'></span></a>";
                },
    
                "nomeSolicitante": function (column, row) {
                     return row.Solicitante.Nome;
                },
                //"DescricaoGAreaCliente": function (column, row) {
    
                //    return row.GAreaCliente.Descricao;
                //}
                "DescricaoUf": function (column, row) {
                   return row.Uf.Descricao;
                },
                "AnoOrcamentario": function (column, row) {
                    return row.DtRemessa.substring(6,10)
                }
            }
        }
        var grid = $("#gridDados").bootgrid(controlarGrid);
        //assim que carrega o bootgrid
        grid.on("loaded.rs.jquery.bootgrid", function () {
    
            $('[data-toggle="tooltip"]').tooltip();
            //pesquisa os botões de list, update e delete
            grid.find("a.btn").each(function (index, elemento) {
    
    
    
                var botaoDeAcao = $(elemento);
                //descobre de qual tipo é o botão
                var acao = botaoDeAcao.data("acao");
    
                //pega qual id do campo
                var idEntidade = botaoDeAcao.data("row-id");
    
                botaoDeAcao.on("click", function () {
    
                    //chamada modal para os demais botões
                    abrirModal(acao, idEntidade);
    
                });
            });
        });
        // chamada modal para os botões de create
        $("a.btn").click(function () {
    
            var acao = $(this).data("action");
    
            abrirModal(acao, null);
        });
    }
    
    function abrirModal(acao, parametro) {
    
        var url = "/{ctrl}/{acao}/{parametro}";
    
        url = url.replace("{ctrl}", controller);
        url = url.replace("{acao}", acao);
    
        if (parametro !== null) {
    
            url = url.replace("{parametro}", parametro);
        }
        else {
            url = url.replace("{parametro}", "");
        }
    
        $("#conteudoModal").load(url, function () {
    
            $("#minhaModal").modal('show');
        });
    
    }

construtor

function configurarControles() {

    var traducao = {
        infos: "Exibindo {{ctx.start}} até {{ctx.end}} de {{ctx.total}} registros", // 
        loading: "Carregando, isso pode levar alguns segundos...",
        noResults: "Não há dados para exibir",
        refresh: "Atualizar",
        search: "Pesquisar"
    }



        var controlarGrid = {
            ajax: true,
            url: urlListar,
            labels: traducao,
            statusMappins: {
                0: "Finalizado",
                1: "No prazo",
                2: "Atenção próximo ao prazo do SLA",
                3: "Prazo do SLA excedido"
            },
            searchSettings: {
                characters: 2
            },
            formatters: {
    
                "status": function (column, row) {
                    var totalDias = row.numeroDias;
                    
                    if (totalDias >= 3) {
                        return " <button href= '#' class='btn btn-success'></button>";
                    } else if (totalDias < 3 && totalDias >= 0) {
                        return " <button href= '#' class='btn btn-warning'></button>";
                    } else if (totalDias < 0) {
                        return " <button href= '#' class='btn btn-danger'></button>";
                    }
    
    
                },
    
                //return diffDays;
    
                "data": function (column, row) {
                    return row.Day + "/" + row.Month + "/" + row.Year;
    
                },
                "DtSla": function (column, row) {
                    return row.dia + "/" + row.mes + "/" + row.ano;
    
                },  
    
               
                "acoes": function (column, row) {
    
                    return " <a href= '#' class='btn btn-warning'  data-toggle='tooltip' data-placement='top' title='Editar' data-acao='Edit'data-row-id ='" + row.Id + "' > " +
                        "<span class='glyphicon glyphicon-edit'></span></a> &nbsp;"
                        +
                        "<a href='#' class='btn btn-danger' data-toggle='tooltip' data-placement='top' title='Excluir'  data-acao='Delete' data-row-id ='" + row.Id + "' > " +
                        "<span class= 'glyphicon glyphicon-trash'></span></a>&nbsp "
                        +
                        "<a href='#' class='btn btn-info' data-toggle='tooltip' data-placement='top' title='Detalhar'  data-acao='Details' data-row-id ='" + row.Id + "' >" +
                        "<span class='glyphicon glyphicon-list'></span></a>";
                },
                "atualizar": function (column, row) {
    
                    return " <a href= '#' class='btn btn-warning'  data-toggle='tooltip' data-placement='top' title='Editar' data-acao='Edit'data-row-id ='" + row.Id + "' > " +
                        "<span class='glyphicon glyphicon-edit'></span></a> &nbsp;"
                        +
                      
                        "<a href='#' class='btn btn-info' data-toggle='tooltip' data-placement='top' title='Detalhar'  data-acao='Details' data-row-id ='" + row.Id + "' >" +
                        "<span class='glyphicon glyphicon-list'></span></a>";
                },
                "AtualizarSolicitacoes": function (column, row) {
                    console.log(row);
                    return " <a href= '#'  class='btn btn-warning btnAlterarSolicitacao'  data-idSolicitacao='" + row.Id + "' id=btnFazerSolicitacaoEdicao" + row.Id +  "  data-colaboradorLatam='" + row.ColaboradorLatam + "' data-BP='" + row.BP + "' data-EmailColaborador='" + row.EmailColaborador + "' data-EspecieArquivo='" + row.EspecieArquivo + "' data-TipoArquivo='" + row.TipoArquivo + "' data-toggle='tooltip' data-placement='top' title='Editar' data-acao='Edit'data-row-id ='" + row.Id + "' > " +
                        "<span class='glyphicon glyphicon-edit'></span></a> &nbsp;"
                        +
    
                        "<a href='#' class='btn btn-info' data-toggle='tooltip' data-placement='top' title='Detalhar'  data-acao='Details' data-row-id ='" + row.Id + "' >" +
                        "<span class='glyphicon glyphicon-list'></span></a>";
                },
    
                "nomeSolicitante": function (column, row) {
                     return row.Solicitante.Nome;
                },
                //"DescricaoGAreaCliente": function (column, row) {
    
                //    return row.GAreaCliente.Descricao;
                //}
                "DescricaoUf": function (column, row) {
                   return row.Uf.Descricao;
                },
                "AnoOrcamentario": function (column, row) {
                    return row.DtRemessa.substring(6,10)
                }
            }
        }
        var grid = $("#gridDados").bootgrid(controlarGrid);
        //assim que carrega o bootgrid
        grid.on("loaded.rs.jquery.bootgrid", function () {
    
            $('[data-toggle="tooltip"]').tooltip();
            //pesquisa os botões de list, update e delete
            grid.find("a.btn").each(function (index, elemento) {
    
    
    
                var botaoDeAcao = $(elemento);
                //descobre de qual tipo é o botão
                var acao = botaoDeAcao.data("acao");
    
                //pega qual id do campo
                var idEntidade = botaoDeAcao.data("row-id");
    
                botaoDeAcao.on("click", function () {
    
                    //chamada modal para os demais botões
                    abrirModal(acao, idEntidade);
    
                });
            });
        });
        // chamada modal para os botões de create
        $("a.btn").click(function () {
    
            var acao = $(this).data("action");
    
            abrirModal(acao, null);
        });
    }
    
    function abrirModal(acao, parametro) {
    
        var url = "/{ctrl}/{acao}/{parametro}";
    
        url = url.replace("{ctrl}", controller);
        url = url.replace("{acao}", acao);
    
        if (parametro !== null) {
    
            url = url.replace("{parametro}", parametro);
        }
        else {
            url = url.replace("{parametro}", "");
        }
    
        $("#conteudoModal").load(url, function () {
    
            $("#minhaModal").modal('show');
        });
    
    }
Fonte Link
Gabriel Falieri
  • 1,3mil
  • 2
  • 16
  • 42

Como saber se um <a> dinâmico foi clicado em javascript

preciso saber se um determinado id de um <a> criado dinamicamente foi clicado.

 formatters: {

             return " <a href= '#'  class='btn btn-warning btnAlterarSolicitacao'  data-idSolicitacao='" + row.Id + "' id=btnFazerSolicitacaoEdicao" + row.Id +  "  data-colaboradorLatam='" + row.ColaboradorLatam + "' data-BP='" + row.BP + "' data-EmailColaborador='" + row.EmailColaborador + "' data-EspecieArquivo='" + row.EspecieArquivo + "' data-TipoArquivo='" + row.TipoArquivo + "' data-toggle='tooltip' data-placement='top' title='Editar' data-acao='Edit'data-row-id ='" + row.Id + "' > " +
                    "<span class='glyphicon glyphicon-edit'></span></a> &nbsp;"


            })

E esse é o javascript que estava tentnando para poder pegar ele.

O máximo que consegui chegar foi lista-los, gostaria de saber como conseguir pegar esse id que foi clicado.

$(".text-left").find('*').each(function () {
    var id = $(this).attr("id");
    if (id !== undefined) {
       console.log(id);
    }

});