Skip to main content
se añadieron 208 caracteres en el cuerpo
Origen Enlace
MateoG98
  • 553
  • 6
  • 18

Tabla con mis registros y sus respectivos botones

[Modal con las filas de la tabla][1]

Tabla con mis registros y sus respectivos botones

[Modal con las filas de la tabla][1]

Origen Enlace
MateoG98
  • 553
  • 6
  • 18

Como puedo identificar la fila seleccionada para que se muestre en un modal?

Realicé un modal en una vista nueva para mostrar todas las columnas de un tabla, pero lo que sucede es que toque en la fila que toque en el boton de visualizar, me muestra todos los registros y yo quiero poder mostrar solo el seleccionado. Pero no se me ocurre como hacerlo, supongo que debe ser con JavaScript.

Esta es la parte de mi vista con la tabla y los botones de editar eliminar y visualizar:

<tbody>
                           
                            @foreach($file as $key => $product)
                            @if($product->status == 1)
                                <tr>
                                    <td style="display: none">{{ $key+1 }}</td>
                                    <td>{{ $product->id }}</td>
                                    <td>{{$product->marca->brandName . " " . $product->modelo->modelName}}</td>
                                    <td>{{ $product['ptype']['productType']}}</td>
                                    <td>{{ $product->marca->brandName }}</td>
                                    <td>{{ $product->modelo->modelName}}</td>
                                    <td>{{ $product->coin }}</td>
                                    <td>{{ $product->description }}</td>
                                    
                                    <td>{{ $product->cost }}</td>
                                    
                                    @php
                                    $count_product = App\Model\Purchase::where('product_id',$product->id)->count();
                                    @endphp
                                        <td>


                                        <!--<a title="Download" id="download" class="btn btn-sm btn-success"
                                            href="/products/download/{{ $product->file }}"><i
                                                class="fa fa-download"></i></a>-->
                                        <a title="Edit" class="btn btn-sm text-white"
                                            style="background-image: linear-gradient(200deg, #070525ce 1%, rgb(1, 0, 5)100%);"
                                            href="{{ route('products.edit', $product->id) }}"><i
                                                class="fa fa-edit"></i></a>
                                        <a title="Delete" id="delete" class="btn btn-sm btn-danger"
                                            href="{{ route('products.delete', $product->id) }}"><i
                                                class="fa fa-trash"></i></a>
                                        <a title="Info" id="info" class="btn btn-sm btn-info" data-toggle="modal" data-idUpdate="'.$product->id.'" data-target="#ProductView"><i class="fa fa-eye"></i></a>
                                    </td>
                                </tr>
                            @endif

                                
                            @endforeach
                        </tbody>

Esta es la parte de mi vista con el modal que cree:

<div class="modal fade" id="ProductView" tabindex="-1" role="dialog" style="z-index: 1050; display:none; width:100%" aria-hidden="true">
            <div class="modal-dialog" role="document" style="max-width:75%;">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Detalle del producto</h5>
                        <button type="button" class="close btn btn-danger" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"><i class="fas fa-times-circle"></i></span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <table id="example1" class="table table-striped table-responsive" width="100%">
                            <thead class="thead">
                                <tr>
                                    <th style="display: none">Codigo</th>
                                    <th>ID</th>
                                    <th>Tipo de Producto</th>
                                    <th>Marca</th>
                                    <th>Modelo</th>
                                    <th>Moneda</th>
                                    <th>Costo</th>
                                    <th>Costo FOB</th>
                                    <th>Costo USD</th>
                                    <th>Costo USDB</th>
                                    <th>Costo Nacionalizacion</th>
                                    <th>Costo ARS</th>
                                    <th>Precio Lista</th>
                                    <th>Precio Mercado Libre</th>
                                    <th>Precio Distribuidor</th>
                                    <th>Precio Limite</th>
                                    <th>Descripcion</th>
                                    
                                    
                                    
                                    
                                </tr>
                            </thead>
                            <tbody>
                               
                                @foreach($file as $key => $product)
                                <tr>                                   
                                    <td style="display: none">{{ $key+1 }}</td>
                                    <td>{{ $product->id }}</td>
                                    <td>{{ $product['ptype']['productType']}}</td>
                                    <td>{{ $product->marca->brandName }}</td>
                                    <td>{{ $product->modelo->modelName}}</td>
                                    <td>{{ $product->coin}}</td>
                                    <td>{{ $product->cost}}</td>
                                    <td>{{ $product->fob}}</td>
                                    <td>{{ $product->costUSD}}</td>
                                    <td>{{ $product->costUSDB}}</td>
                                    <td>{{ $product->costNacionalizacion}}</td>
                                    <td>{{ $product->costARS}}</td>
                                    <td>{{ $product->list_price}}</td>
                                    <td>{{ $product->ML_price}}</td>
                                    <td>{{ $product->distributor_price}}</td>
                                    <td>{{ $product->limit_price}}</td>
                                    <td>{{ $product->description }}</td>
                                    
                                    
                                
                                </tr>
                                @endforeach
                            </tbody>
                        
                        </table>
                    </div>
                </div>
            </div>
        
        </div>

Estos son mis metodos edit y update de mi controlador de productos:

public function edit($id){
    $data['editData'] = Product::find($id);
    $data['categories'] = Category::all();
    $data['ptypes'] = Ptype::all();
    $data['brands'] = Brand::all();
    $data['models'] = ModelP::all();
    
    return view('backend.product.edit-product', $data);
}

public function update(Request $request, $id){
    $product = Product::find($id);
    if($request->file('file')){
        $file = $request->file('file');
        $filename = time().'.'.$file->getClientOriginalName();
        $request->file->move('storage/', $filename);
        $product->file = $filename;
    }
    
    $product->ptype_id = $request->ptype_id;
    $product->model_id = $request->model_id;
    $product->brand_id = $request->brand_id;
    $product->sale_coin = $request->sale_coin;
    $product->change_type = $request->change_type;
    $product->cost = $request->cost;
    $product->fob = $request->fob;
    $product->costUSD = $request->costUSD;
    $product->costUSDB = $request->costUSDB;
    $product->costNacionalizacion = $request->costNacionalizacion;
    $product->costARS = $request->costARS;
    $product->coin = $request->coin;
    $product->list_price = $request->list_price;
    $product->ML_price = $request->ML_price;
    $product->distributor_price = $request->distributor_price;
    $product->limit_price = $request->limit_price;
    $product->quantity = $request->quantity;
    $product->updated_by = Auth::user()->id;
    $product->save();
    Session::flash('success');
    return redirect()->route('products.view');
}

Si no se entendio bien, lo que trato de hacer en el modal es que al presionar el boton de visualizar sobre una fila, que me muestre unicamente esa fila y todos los valores de todas las columnas.