3
respostas

Como utilizar o Jquery no Laravel.

Boa noite, queria saber como utilizar o jquery no Laravel Exemplo de como que está

public function lista(){
        $produtos = Produto::all();
        $categorias = Categoria::orderBy('id')->get();
        return view('produto.listagem')->with('produtos', $produtos)->with('categorias',$categorias);
    }

A view está assim

  @extends('layout.principal')

@section('conteudo')

<div>
<h2 class="text-center">Listagem de produtos</h2>
<hr/>
@if(old('nome'))
  <div class="alert alert-success">
    <strong>Sucesso!</strong> 
      O produto {{ old('nome') }} foi adicionado.
  </div>
@endif
</div>
<div>
  <a href="{{url('/produtos/novo')}}" class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span> Cadastrar</a>
  <a href="{{url('/produtos/deletartudo')}}" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span> Deletar Tudo</a>
  <a href="{{url('/produtos/imprimir')}}" class="btn btn-primary"><span class="glyphicon glyphicon-print"></span> Gerar PDF</a>
  <a href="{{url('/produtos/exportar')}}" class="btn btn-primary"><span class="glyphicon glyphicon-print"></span> Gerar Planiha</a>
  <a href="{{url('/produtos/importar')}}" class="btn btn-success"><span class="glyphicon glyphicon-file"></span> Importar Planilha</a>
  <br><br>
</div>
<form>
<label>Categoria do Produto</label>
  <select id="categoria_id" name="categoria_id" data-placeholder="Selecione...." class="chosen" class="form-control">
      @foreach($categorias as $c)
            <option></option>
            <option value="{{$c->id}}">{{$c->nome}}</option>
      @endforeach
  </select>
<form>
  <br><br>
<div class="table-responsive">
<table id="produtos" class="table table-striped table-bordered table-hover table" style="font-size:12px;">
  <thead>
    <tr>
      <th>ID</th>
      <th>Nome</th>
      <th>Quantidade</th>
      <th>Valor</th>
      <th>Tamanho</th>
      <th>Descrição</th>
      <th>Categoria</th>
      <th>Visualizar</th>
      <th>Editar</th>
      <th>Deletar</th>
    </tr>
  </thead>
  <tbody>
@foreach($produtos as $p)
      <tr class="{{$p->quantidade <=1 ?'danger': ''}} text-center">
        <td>{{ $p->id }}</td>
        <td>{{ $p->nome }}</td>
        <td>{{ $p->quantidade }}</td>
        <td>{{ $p->valor }}</td>
        <td>{{ $p->tamanho }}</td>
        <td>{{ $p->descricao }}</td>
        <td>{{ $p->categoria->nome }}</td>
        <td>
          <a href="/produtos/mostra/{{$p->id}}">
            <span class="glyphicon glyphicon-search"></span>
          </a>
        </td>
        <td> 
          <a href="/produtos/editar/{{$p->id}}"> 
            <span class="glyphicon glyphicon-pencil"></span>
          </a>
        </td>
         <td> 
          <a href="/produtos/remove/{{$p->id}}"> 
            <span class="glyphicon glyphicon-trash"></span>
          </a>
        </td>
      </tr>
  @endforeach
</tbody>
</table>
  <h4>
    <span class="label label-danger pull-right">
      Um ou menos itens no estoque
    </span>
 </h4>
</div>
@stop

O arquivos de rotas

Route::get('/produtos', 'ProdutoController@lista');
3 respostas

Yuri, tudo bem? Você pretende usar jQuery para fazer o que exatamente?

Quero pegar um item do select option por exemplo categoria, e ele listasse apenas item do produto daquela categoria sem precisar atualizar a página, apenas via jquery.

Tentando usar mais ou menos assim via ajax

<script type="text/javascript">
    function ajaxprod(){
      $.ajax({
          type: "GET",
          data: {item_categoria: $("#item_categoria").val()},
          url: "/produtos/ajaxCoord",
          success: function(response) { 
            $('#tableitem').html(response);
          }
      });
    }
</script>

Quero mudar apenas a tabela, aqui ele está atualizando o html todo.