Problemas com ao utilizar o tooltip em uma tabela PaixFilho

Quero utilizar um tooltip em alguns dos campos da minha tabela PaiXFilho, entretanto, ele tem apresentado um comportamento diferente, as vezes aparecendo de uma maneira, outras vezes aparecendo de outra. Quando limpo os campos de um input, ele não limpa o title do tooltip e ao preencher o input com outros valores, o tooltip apresenta 2 valores (o anterior e o atual). Alguma ajuda?

Trecho do código HTML onde utilizo o Tooltip:

<div class="col-md-3">
    <label class="control-label">E-mail</label>
    <div class="form-group">
        <input class="form-control" type="text" data-toggle="tooltip" data-placement="bottom" title="" id="nmEmailParticipante" name="nmEmailParticipante" readonly/>
    </div>
</div>
<div class="col-md-2">
    <label class="control-label">Unidade</label>
    <div class="form-group">
        <input class="form-control" type="text" data-toggle="tooltip" data-placement="bottom" title="" id="nmUnidadeParticipante" name="nmUnidadeParticipante" readonly/>
    </div>
</div>
<div class="col-md-2">
    <label class="control-label">Função</label>
    <div class="form-group">
        <input class="form-control" type="text" data-toggle="tooltip" data-placement="bottom" title="" id="nmFuncaoParticipante" name="nmFuncaoParticipante" readonly/>
    </div>
</div>

Trecho do código JS onde atualizo o title do Tooltip:

if (selectedItem.inputId.indexOf(NOME) > -1) {
        var seq = selectedItem.inputId.split("___");
        var EMAIL = selectedItem['EMAIL'];
        $("#nmEmailParticipante___"+seq[1]).val(EMAIL);
        $("#nmEmailParticipante___"+seq[1]).attr('title', '');  
        $("#nmEmailParticipante___"+seq[1]).attr('title', EMAIL);  
        var UNIDADEP = selectedItem['UNIDADE'];
        $("#nmUnidadeParticipante___"+seq[1]).val(UNIDADEP);
        $("#nmUnidadeParticipante___"+seq[1]).attr('title', '');  
        $("#nmUnidadeParticipante___"+seq[1]).attr('title', UNIDADEP);  
        var FUNCAOP = selectedItem['FUNCAO'];
        $("#nmFuncaoParticipante___"+seq[1]).val(FUNCAOP);
        $("#nmFuncaoParticipante___"+seq[1]).attr('title', '');
        $("#nmFuncaoParticipante___"+seq[1]).attr('title', FUNCAOP);
}
compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags fluig tabela tooltip ou faça a sua própria pergunta.