Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bruno.trp

Tabela não dimensiona corretamente após carregamento por Ajax

Recommended Posts

Bom dia pessoal.

Tenho um conhecimento limitado e gostaria de ajuda de vcs.

Estou com uma tabela que carrega normalmente com php.

Ao realizar um update com Ajax e Jquery, retorno uma nova tabela, mais esta não reconhece a a classe bootstrap para seu dimensionamento (ao menos acho que é esse o problema) ela não preenche a tela toda.

Segue código da tabela original em PHP:

<?php
 
$tabela = "
<table id='tabelaprazos' class='table table-condensed'>
  <thead>
    <tr>
      <th>Prazo/Data</th>
      <th>Hora</th>
      <th>Andamento</th>
      <th>Tipo</th>
      <th>Status</th>
    </tr>
  </thead>
  <tbody>
";
 
 
while ($exibe = $res->fetch_assoc()) {
   
 
 
if($dataatual > $exibe["prazo"]){
$cor = "bg-danger";
$icone= "<i class='glyphicon glyphicon-pencil'></i> ";
$tamanho = "";
$inicio = "";
$final = "";
}
else if($dataatual == $exibe["prazo"]){
$cor = "bg-success";
$icone= "<i class='glyphicon glyphicon-hand-up'></i> ";
$tamanho = "style='height:50px'";
$inicio = "<p style='margin-top:12px'>";
$final = "</p>";
}
else if($dataatual < $exibe["prazo"]){
$cor = "bg-info";
$icone= "<i class='glyphicon glyphicon-pushpin'></i> ";
$tamanho = "";
$inicio = "";
$final = "";
}
 
 
 
$prazo = dataBR($exibe["prazo"]);
 
if($exibe["hora"] =="00:00:00")$hora = "----:----";  else $hora = date('H:i',strtotime($exibe["hora"]));;
   
$tabela .= "
    <tr id='".$exibe["id"]."' class='$cor' $tamanho >
      <td> $inicio $icone".$prazo." $final</td>
      <td> $inicio ".$hora." $final</td>
      <td> $inicio ".$exibe["andamento"]." $final</td>
      <td> $inicio ".$exibe["tipo"]." $final</td>
      <td> $inicio ".$exibe["status"]." $final</td>
    </tr>
 
"; 
 
}
 
$tabela .="
  </tbody>
</table>
";
 
echo $tabela;
 
?>
 
 [code]
 
Segue código Ajax Jquery do carregamento  da nova tabela:
 

 [/code]
//Atualização AJAX de vinculo
jQuery(document).ready(function(){
jQuery('#form_andamentos').submit(function(){
 
 
 
var dados = jQuery( this ).serialize();
 
jQuery.ajax({
type: "POST",
url: "cadastrar.php?&andamento_pro_jud",
data: dados,
success: function( data )
{
 
// converter para objeto 
var obj = $.parseJSON(data);
 
 
// vamos gerar um html e guardar nesta variável
var html = "<table id='tabelaprazos' class='table table-condensed'> <thead> <tr> <th> Prazo/Data </th> <th> Hora </th> <th> Andamento </th> <th> Tipo </th> <th> Status </th> </tr> </thead> <tbody>";
 
var cor = "";
var icone = "";
var inicio = "";
var final = "";
var tamanho = "";
 
 
for($i=0; $i < obj.length; $i++){
 
 
if($('#inclusao').val() > obj[$i].prazo){
cor = "bg-danger";
icone = "<i class='glyphicon glyphicon-pencil'></i> ";
inicio = "";
final = "";
}
else if($('#inclusao').val() == obj[$i].prazo){
cor = "bg-success";
icone= "<i class='glyphicon glyphicon-hand-up'></i> ";
tamanho = "style='height:50px'";
inicio = "<p style='margin-top:12px'>";
final = "</p>";
}
else if($('#inclusao').val() < obj[$i].prazo){
cor = "bg-info";
icone= "<i class='glyphicon glyphicon-pushpin'></i> ";
tamanho = "";
inicio = "";
final = "";
}
 
 
html += "<tr id='"+ obj[$i].id +"' "+" class='"+cor+"'"+ tamanho + ">";
html += "<td>"+ inicio + icone + obj[$i].prazo + final +"</td>";
html += "<td>"+ inicio + obj[$i].andamento + final +"</td>";
html += "<td>"+ inicio + obj[$i].tipo + final +"</td>";
html += "<td>"+ inicio + obj[$i].status + final +"</td>";
html += "</tr>";
 
}
 
 
html += "</tbody></table>"; 
 
alert(html);
 
//coloco a variável html na tela
$('#tabelaprazos').html(html); 
 
// renovar os eventos das tabelas hover e click
$('#tabelaprazos tbody tr').hover(function(){
$(this).toggleClass('linha_hover');
}, function(){$(this).toggleClass('linha_hover');
 });
  // renovar click para exclusão de vinculo
$(document).ready(function(){
 
$('#tabelaprazos tbody tr').bind('click', function() {
 
var id = $(this).attr('id');
 
var test = $(this).text();
 
$('#nome_desvincular').html(test);
 
$('#id_confirma_excluir_vinculo').val(id);
 
$('#janelaModal_prazos').modal('show');
 
 
});
});
 
 
}
});
 
return false;
 
 
 
});
 
});
 
 

Se alguém puder ajudar, fico grato.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, plural, ativo. Nela tem cadastrado vários itens e seu respectivo plural. No campo ativo eu coloco a letra "S" para informar que esta palavra está ativa no sistema. Por exemplo: 1, casa, casas, S 2, mesa, mesas, S 3, cama, camas, S 4, moto, motos, S 5, rádio, rádios O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "variações" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, camas, moto 2, mesas, casas, radio 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela variações da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "casa". Preciso fazer com que o php me liste todos os registros da tabela "variações" que contenham a palavra "casa". Porém se tiver algum registro com a palavra "casas" também tem que ser listado. Neste caso ele irá encontrar dois registros. Agora eu preciso que o php verifique os demais itens e faça a listagem apenas dos item que estão ativos (que contenham um "S" no campo ativo. Neste caso ele irá encontrar apenas um registro, pois o segundo registro contém a palavra "rádio". E "rádio" não está ativo na tabela itens. Como faço isso?
    • Por First
      Olá a todos!
       
      Quando eu tento fazer o login me mostra esse erro "Could not log you in."; Alguém sabe me ajudar a resolver esse problema no meu código?
      <?php require_once("core/init.php"); if (Input::exists()) { if (Token::check(Input::get("token"))) { $validate = new Validate(); $validation = $validate->check($_POST, array( "username" => array("required" => true), "password" => array("required" => true) )); if ($validation->passed()) { $user = new User(); $remember = (Input::get("remember")) === "on" ? true : false; $login = $user->login(Input::get("username"), Input::get("password"), $remember); if ($login) { Session::flash("home", "Welcome back!"); Redirect::to("index.php"); } else { echo "Could not log you in."; } } else { foreach ($validation->errors() as $error) { echo $error."<BR>"; } } } } ?> <form action="" method="POST"> <div class="field"> <label for="username">Username</label> <input type="text" name="username" id="username"> </div> <div class="field"> <label for="password">Password</label> <input type="password" name="password" id="password"> </div> <div class="field"> <label for="remember"> <input type="checkbox" name="remember" id="remember"> Remember me </label> </div> <input type="hidden" name="token" value="<?php echo Token::generate(); ?>"> <input type="submit" value="Log in"> </form>  
       
      Desde já obrigado.
    • Por ckcesar
      Eu tenho uma aplicação no zend com a versão 5.6 e com o postgresql 9.6. Agora eu precisei mudar a versão do meu postgresql para o 16.1, a parte de conexão do bd e consultas sqls funciona perfeitamente, o meu problema está para acessar os meus controllers. Eles não são encontrados em nenhuma rota, quero ver se alguém já passou por esse problema para me ajudar. Obrigado.
    • Por ILR master
      Fala galera, tudo bem?
       
      Tenho o seguinte codigo:
       
       class Data {
      public static function ExibirTempoDecorrido($date)
      {
          if(empty($date))
          {
              return "Informe a data";
          }
          $periodos = array("segundo", "minuto", "hora", "dia", "semana", "mês", "ano", "década");
          $duracao = array("60","60","24","7","4.35","12","10");
          $agora = time();
          $unix_data = strtotime($date);
          // check validity of date
          if(empty($unix_data))
          {  
              return "Bad date";
          }
          // is it future date or past date
          if($agora > $unix_data) 
          {  
              $diferenca     = $agora - $unix_data;
              $tempo         = "atrás";
          } 
          else 
          {
              $diferenca     = $unix_data - $agora;
              $tempo         = "agora";
          }
          for($j = 0; $diferenca >= $duracao[$j] && $j < count($duracao)-1; $j++) 
          {
              $diferenca /= $duracao[$j];
          }
          $diferenca = round($diferenca);
          if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
          return "$diferenca $periodos[$j] {$tempo}";
      }
      }
       
      Funciona redondinho se o valor retornado for de algumas horas, mas...
      Quando passa de dois meses, ele retorna a palavra mess. Deve ser por conta dessa linha
      if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
       
      Quero que modre:
       
      2 meses atrás
      e não
      2 mess atrás.
       
      Espero que tenham entendido.
       
      Valeu
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.