Jump to content
cfandrade

Como recuperar os valores usando sortable! do (id) de uma li e a posição atual do (id) da nova (ul)

Recommended Posts

Estou tentando fazer a mudança dos (li) desse sistema que chamei de PRONTUARIOS, apenas arrastando de uma (ul) atual para outra que chamei de CAIXA, estou tentando recuperar o valor do id do prontuario (li) e a caixa atual que o usuário deixou o prontuario caso tenha mudado para uma nova caixa (ul). se alguem puder me ajudar, preciso recuperar o valor desses ids e atualizar no banco de dados!

 

 <script type="text/javascript">
         $(document).ready(function() {
             $("ul").sortable({
                delay: 150,
                connectWith: ".parent",
                cursor: 'move',
                stop: function() {
                    var caixaAtual = new Array();
                    var prontuario = '';
                    $('li .prontuario').each(function() {
                        //caixaAtual = $("data-id").html();
                        //prontuario = $("data-id").val(this);

                    });
                    console.log(prontuario);
                    //updateOrder(prontuario,caixaAtual);
                }
            });
             function updateOrder(id,caixa) {
                $.ajax({
                    url:"documentos/alterar_prontuario",
                    type:'post',
                    data:{id:id,caixa:caixa},
                    success:function(data){
                        toastr.success('Alterado com sucesso.');
                    }
                })
            }
        });
<div class="container mx-auto mt-3 mb-5 text-center">
                  <h4 class="col-12 text-center mx-auto">LISTAGEM SEGUNDO VOLUME</h4>
                                   CAIXA N° 01                  <ul id="c_01" class="col-12 parent mt-0 mb-2 ui-sortable">
                                                    <li id="239" data-id="239" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ADRIANO ALVES DE ALMEIDA</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">617.598-8</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1257101/2020</td>
                                        <td class="d-print-none col-1 align-middle mx-auto p-0 text-center"><a type="button" class="btn btn-outline-danger"
                                   </tr>
                                   </tbody></table>
                                </li>
                                                        <li id="247" data-id="247" class="col-12 mx-auto prontuario ui-sortable-handle" style="position: relative; left: 0px; top: 0px;">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">5</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ALEX JORGE MELO DA SILVA</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">664.041-1</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1251911/2020</td>

                                   </tr>
                                   </tbody></table>
                                </li><li id="241" data-id="241" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">2</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ALEF DA SILVA OLIVEIRA</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1.199.560-2</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center"></td>
                                   
                                   </tr>
                                   </tbody></table>
                                </li>
                                                        <li id="240" data-id="240" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">3</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ALEX ALVES CERQUEIRA</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">340.704-6</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1809667/2020</td>

                                   </tr>
                                   </tbody></table>
                                </li>
                                                        
                                                        
                                                        <li id="248" data-id="248" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">6</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ALEX XAVIER PIAUI</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">771.513-9</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1243357/2020</td>
                                   </tr>
                                   </tbody></table>
                                </li>
                                                        <li id="249" data-id="249" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">7</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ALEXANDRE DE OLIVEIRA MEDEIROS</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">893.604-9</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1415815/2020</td>

                                   </tr>
                                   </tbody></table>
                                </li><li id="246" data-id="246" class="col-12 mx-auto prontuario ui-sortable-handle" style="position: relative; left: 0px; top: 0px;">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">4</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ALEX EDUARDO DE JESUS LOURENCO</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">236.643-3</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1392042/2020</td>

                                   </tr>
                                   </tbody></table>
                                </li>
                                                        <li id="250" data-id="250" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">8</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ALEXANDRE PEREIRA DA COSTA</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">932.592-9</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1532754/2020</td>
                                        <td class="d-print-none col-1 align-middle mx-auto p-0 text-center"><a type="button" class="btn btn-outline-danger" href="http://10.14.101.160/cimic/?url=documentos/excluir_segundo_volume/250" title="APAGAR"><i class="fa fa-trash"></i></a></td>
                                   </tr>
                                   </tbody></table>
                                </li>
                                                </ul>
      
                                    CAIXA N° 02                  <ul id="c_02" class="col-12 parent mt-0 mb-2 ui-sortable">
                                                    <li id="242" data-id="242" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ALEXSANDRO HENRIQUE FRANCA CAMARGO DE MOURA</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1.224.350-7</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">2092453/2020</td>
                                   </tr>
                                   </tbody></table>
                                </li>
                                                        <li id="251" data-id="251" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">2</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">AMAURI FERREIRA DA SILVA</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">613.004-1</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">3</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1243426/2020</td>
                                   </tr>
                                   </tbody></table>
                                </li>
                                                        <li id="prontuario" data-id="243" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">3</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ANDERSON LIMA RIBEIRO GONCALVES</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1.164.179-2</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center"></td>
                                   </tr>
                                   </tbody></table>
                                </li>
                                                            <li id="252" data-id="252" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">4</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ANDERSON SOUZA VELOSO</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">277.426-3</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center"></td>
                                   </tr>
                                   </tbody></table>
                                </li>
                                                        <li id="244" data-id="244" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">5</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ANDRE ALMEIDA</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1.096.394-0</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">2</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center"></td>
                                   </tr>
                                   </tbody></table>
                                </li>
                                                        <li id="245" data-id="245" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">6</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ANDRE LUIZ RODRIGUES</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">465.133-7</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">2213488/2020</td>
                                   </tr>
                                   </tbody></table>
                                </li>
                                                </ul>
      
                                    CAIXA N° 03                  <ul id="c_03" class="col-12 parent mt-0 mb-2 ui-sortable">
                                                    <li id="253" data-id="253" class="col-12 mx-auto prontuario ui-sortable-handle">
                                   <table class="table table-hover table-sm mb-0 ">
                                       <tbody><tr class="row col-12 mx-auto text-center">
                                        <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
                                        <td class="col-5 align-middle mx-auto p-0 text-left">ANDREO LEONE FERREIRA LOBATO</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">719.305-5</td>
                                        <td class="col-1 align-middle mx-auto p-0 text-center">2</td>
                                        <td class="col-2 align-middle mx-auto p-0 text-center">1359268/2020</td>
                                   </tr>
                                   </tbody></table>
                                </li>
    <li id="254" data-id="254" class="col-12 mx-auto prontuario ui-sortable-handle">
      <table class="table table-hover table-sm mb-0 ">
        <tbody><tr class="row col-12 mx-auto text-center">
          <td class="col-1 align-middle mx-auto p-0 text-center">2</td>
          <td class="col-5 align-middle mx-auto p-0 text-left">AUGUSTO PEREIRA DA SILVA</td>
          <td class="col-2 align-middle mx-auto p-0 text-center">1.094.345-4</td>
          <td class="col-1 align-middle mx-auto p-0 text-center">1</td>
          <td class="col-2 align-middle mx-auto p-0 text-center">1183605/2020</td>
          </tr>
        </tbody></table>
    </li>
</ul>      
</div>

 

Share this post


Link to post
Share on other sites

Seu script sortable deveria ser parecido com isso:

 - o método 'stop' não é adequado no seu caso! o motivo e que ele é executado mesmo você realizando o drag/drop na mesma lista, entretanto o receive so será executado se um item for movido de uma lista para outra, que acredito ser o valido para uma atualização de Banco assim não precisa realizar uma validação manual.

 

se houver algum outra dúvida, talvez seja mais fácil utilizar a documentação do Jquery: https://api.jqueryui.com/sortable/#event-stop

mas qualquer coisa só mandar aqui sua dúvida.

 

mas um detalhe que pode ser um bug, esse é único "li" identificado com o id "prontuario" e não um valor númerico: 

<li id="prontuario" data-id="243" 

 

Solução:

$(document).ready(function() {
  $("ul").sortable({
    delay: 150,
    connectWith: ".parent",
    cursor: 'move',
    receive( event, ui ) {
      const [ item ] = ui.item;
      const caixaAtual = item.parentElement.id;
      const prontuario = item.id;
      
      console.log(prontuario, caixaAtual);
      updateOrder(prontuario, caixaAtual);
    }
  });
  
  function updateOrder(id,caixa) {
    $.ajax({
      url:"documentos/alterar_prontuario",
      type:'post',
      data:{id:id,caixa:caixa},
      success:function(data){
        toastr.success('Alterado com sucesso.');
      }
    })
  }
});

Jsbin test: https://jsbin.com/moyotaxila/edit?html,js,output 

Share this post


Link to post
Share on other sites
15 horas atrás, wanderval disse:

 

Solução:

obrigado  @wanderval, era  o que eu precisava, tb corrigi o bug aonde você identificou, esta funcionando corretamente

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Sapinn
      Opa galera tudo firmesa? Então, tenho um codigo que faz uma barra aparecer toda vez que eu role a pagina até um certo ponto e tudo funciona normal. Eu gostaria de saber se tem como fazer uma transição nessa barra para ele ir aparecendo devagarzinho com a opacidade em 0 e vai subindo até chegar a 1 coisa de um 0.8s. Não sei como fazer ou se tem como fazer preciso de ajuda.
       
      Codigo js 
       
      window.onscroll = function(){
          var top = window.pageXOffset || document.documentElement.scrollTop
          var barra = document.querySelector(".barra");
          if(top > 900){
              barra.style.display = 'flex';
      //aqui tentei adicionar uma class direto do css para fazer o efeito transition mas sem sucesso.
              barra.classList.add('transition');
          }else{
             barra.style.display = 'none';
          }
      }
       
       
      Codigo css
      .barra{
          width: 100%;
          height: 70px;
          background-color: #090b13;
          display: none;
          justify-content: space-between;
          position: fixed;
          opacity: 0;
      }
      .transition{
          transition: 1s;
          opacity: 0.7;
          
      }
       
      codigo HTML
       
      <div class="barra" >
              <img src="assets/images/logo-nopad.svg" alt="">
              <button class="botao-assinatura-header">Assine Agora</button>
        </div>
       
       
    • By henriquers
      Estou com um problema com o Select2, ele tem um campo de busca mas não esta filtrando corretamente e não estou entendo o motivo, sem utilizar o AJAX colocando os options manualmente ele funciona corretamente, mas trazendo os dados via AJAX ele não funciona o campo de busca.
      Se aguem poder me dar uma luz agradeço a ajuda.
       

       
      Nessa imagem estou tentando filtrar apenas para os itens que tenha LUVA na descrição, mas não funciona, posso colocar qual quer coisa que ele não faz o filtro
       
      Abaixo segue meu codigo
       
      HTML
      <!DOCTYPE HTML PUBLIC> <HTML> <HEAD> <TITLE> Select2 </TITLE> <link href="select2/select2.css" rel="stylesheet" type="text/css" /> <script src="https://code.jquery.com/jquery-latest.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/i18n/pt-BR.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/> <script> $(document).ready(function(){ $("#selUser").select2({ language: "pt-br", ajax: { url: "get_dados.php", type: "GET", dataType: 'json', delay: 200, data: function (params) { return { q: params.term, // search term page: params.page }; }, processResults: function (response) { return { results: response }; }, cache: true }, width: "20%", closeOnSelect: true, }); }); </script> </head> <body> <select id='selUser' style='width: 200px;'> <option value='0'>- Search user -</option> </select> </body> </html> get_dados.php
      <?php include './conn_orcl.php'; $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT' ORDER BY DESCRICAO"; $parse=oci_parse($conn,$select); oci_execute($parse); $data = array(); while($row=oci_fetch_array($parse)){ $data[] = array("id"=>$row['PRODUTO'], "text"=>$row['PRODUTO']." - ".$row['DESCRICAO']); }; echo json_encode($data); ob_end_flush(); oci_free_statement($parse); oci_close($conn); ?>  
    • By FabianoSouza
      Preciso adicionar uma função de timeout na minha requisição AJAX e peço ajuda aos colegas.
      Já tenho um AJAX que funciona normalmente. Preciso de ajuda para saber como implementar um timeout no código que já tenho.
       
      Vejam o código. É um script genérico, para ser reutilizado pelas diversas functions do sistema, que precisam trazer dados.
      const server = { req : null, res : null, ajax : function(strReq, functionResposta) { this.req = strReq this.url = this.req.url this.req = JSON.stringify(this.req); this.status = 0; try { if (window.XMLHttpRequest) { $obj = new XMLHttpRequest(); } else { $obj = new ActiveXObject('Microsoft.XMLHTTP'); } $obj.onreadystatechange = function() { if ($obj.readyState == 4 && $obj.status >= 200 && $obj.status <= 299) { server.res = JSON.parse($obj.responseText); functionResposta(); } } $obj.open('post', this.url, true); $obj.setRequestHeader('content-type', 'application/x-www-form-urlencoded'); $obj.send(encodeURI('str='+server.req)); } catch(e) { this.req = null; this.res = null; } } };  
       
      Para chamar essa function, passando parâmetros, faço assim:
       
      //crio uma string com parâmetros... var obj={id:'XPTO', url:'/app/backend/'}; //invoco a function AJAX escrita acima server.ajax(obj, function(){});}  
      Essa estrutura funciona normalmente. Só preciso mesmo saber como implementar um "timer" para responder assim que receber a resposta do servidor.
    • By Jack Oliveira
      Boa noite pessoal
       
       
      Quero fazer uma verificação em tempo real no banco de dados antes de clicar para cadastra, ver se o nome que esta no input name="nome_empresa_link"   ver se ele já existe no banco de dados. no caso so permitir preencher outro campos se o input que esta sendo verificado estiver correto ou seja tudo ok...
       
      Lembrando este input ele é preenchido conforme é digitado no input name="nome_empresa"  Não sei se isso interfere ao fazer a verificação
       
      HTML
             <div class="col-md-6">         <div class="form-group">          <label for="nome_empresa">Nome</label>          <input type="text" autocomplete="off" id="nome_empresa" maxlength="100"  name="nome_empresa" class="form-control input_nome_empresa" required placeholder="Nome da Loja">        </div>      </div>      <div class="col-md-6">       <div class="form-group">        <label for="nome_empresa_link">Url Amigavél</label> <em id="resposta"></em>        <input type="text" autocomplete="off"  id="nome_empresa_link" name="nome_empresa_link" maxlength="100" class="form-control input_nome_empresa_link" required placeholder="/ Use maiúsculas, minúsculas e underline.">        <?= $site; ?><span><em style="color: green;" id="nome_empresa_link"></em>/</span>      </div>    </div> No PHP fazer verificação fiz isso...
      <?php if(isset($_POST['nome_empresa_link'])) { $nome_empresa_link=$_POST['nome_empresa_link']; $checkdata = DBCount('ws_empresa','nome_empresa_link',"WHERE nome_empresa_link = '{$nome_empresa_link}'"); if ($checkdata >= 0) { //echo "Um nome igual este já esta sendo usado no sistema"; swal('Atenção!!!', 'A URL AMIGAVÉL não disponivél para cadastro \n tente com outro nome!', 'warning', 'Fechar'); } /*else { echo "<font color='green'>Disponivél...</font>"; } */ exit(); } ?> No ajax fiz assim
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script language="javascript"> var nome_empresa_link = $("#nome_empresa_link"); nome_empresa_link.blur(function() { $.ajax({ url: 'notificacao/checkdata.php', type: 'POST', data:{"nome_empresa_link" : nome_empresa_link.val()}, success: function(data) { console.log(data); data = $.parseJSON(data); $("#resposta").text(data.nome_empresa_link); } }); }); </script> Só que não retorna nada
       
       
    • By Jack Oliveira
      Ola pessoa se a minha duvida estiver no topic errado pessoa desculpas
       
      Mais é o seguinte fiz uns arquivos formato json funciona perfeitamente 
      porem alguns deles tem opção de abrir modal para cadastro e edição
       
      mais eles não esta abrindo DataTable
       
      Se eu fazer sem usar datatable direto no arquivo ele abre
       
      o script esta da seguinte forma
      <script type="text/javascript"> $(function () { $("#DataTableAjax").DataTable({ "pageLength": 25, "processing": true, "serverSide": true, "ajax": "ajax/<?php echo $UrlPage; ?>", "aLengthMenu": [ [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 100, -1], [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 100, "Todos"] ], "paging": true, "lengthChange": true, "searching": true, "ordering": true, "info": true, "autoWidth": true, "columnDefs": [{ "targets": 'no-sort', "orderable": false, }], "language": { "sEmptyTable": "Nenhum registro encontrado", "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros", "sInfoEmpty": "Mostrando 0 até 0 de 0 registros", "sInfoFiltered": "(Filtrados de _MAX_ registros)", "sInfoPostFix": "", "sInfoThousands": ".", "sLengthMenu": "Mostrar _MENU_ resultados por página", "sLoadingRecords": "Carregando...", "sProcessing": "Processando...", "sZeroRecords": "Nenhum registro encontrado", "sSearch": "Pesquisar", "oPaginate": { "sNext": "Próximo", "sPrevious": "Anterior", "sFirst": "Primeiro", "sLast": "Último" }, "oAria": { "sSortAscending": ": Ordenar colunas de forma ascendente", "sSortDescending": ": Ordenar colunas de forma descendente" } } }); }); </script> Bom acho que o arquivo a seguir não tem nada a ver, mais irei colocar mesmo assim. Na parte onde se o arquivo ajax/lojas.php que seria em formato json
      esta assim
       
      <?php return ob_get_clean(); } ), array( 'db' => 'id_empresa', 'dt' => 10, 'formatter' => function ($id_empresa, $row) { ob_start(); $ImprimirPermissao = GetPermissaoAcesso(); ?> <?php if (checkPermissao($ImprimirPermissao, 'lojas', 'produto', 'renovar')) { ?> <a class="btn btn-primary" href="#" data-toggle="modal" data-target="#modalRenovar_<?= $row['id_empresa'];?>"><i title="Nova data de renovação" class="fa fa-calendar" aria-hidden="true"></i></a> <?php } ?>  
      Modal assim
       
      <?php $Query = DBRead('lojas','*'); if (is_array($Query)) { foreach ($Query as $dados) { ?> <div class="modal fade" id="modalRenovar_<?= $id_empresa;?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel"><b>LOJA: </b><?= $nome_empresa;?></h4> </div> <div class="modal-body"> <form method="post" action="?AtualizarEmpresa=<?= $id_empresa; ?>" enctype="multipart/form-data"> <div class="form-group"> <label>Nova data:</label> <input class="form-control" type="date" name="empresa_data_renovacao" required placeholder="00/00/0000"> </div> </div> <div class="modal-footer"> <input type="hidden" name="user_id" value="<?=$user_id;?>"> <center><hr> <button class="btn btn-primary">Atualizar</button> <br><br> </center> </form> </div> <div class="modal-footer"> </div> </div> </div> </div> <?php }} ?>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.