Level 63
Hola ... no entiendo qué quiere hacer con el checkbox. Necesita de seleccionar varios checkboxes ? Qué es su problema con el checkbox ? Es la manera de recolectar el estado true o false ?
Mar 29, 2022
11
Level 1
Checkbox Laravel Livewire
Quiero implementar un checkbox en mi buscador, funciona de la siguiente manera al ingresar el numero de una factura me arroja la factura pero cada una tiene productos diferentes de la misma factura, entonces a veces es necesario seleccionar solo un registro de la misma factura y con el checkbox mi idea es seleccionar el registro o producto que requiero. Componente livewire class RecepcionFactura extends Component { protected $listeners = ['verModalFactura'];
use findFactura; public $recepcion; public $viewfacturaa = []; public $listRecepcion = []; public $modal = false;
public function render()
{
return view('livewire.recepcion-factura');
}
public function saveResults()
{
try {
DB::beginTransaction();
$fecha_oc = "";
$listRecepcion = $this->findFactura($this->recepcion);
foreach ($listRecepcion as $item) {
$item->fecha_oc = $fecha_oc;
$this->createdNewRecepcion($item);
}
DB::commit();
$this->emit('render');
$this->cerrarModalRecepcion();
} catch (\Exception $e) {
DB::rollBack();
}
}
public function verModalFactura()
{
$this->modal = true;
}
public function cerrarModalFactura()
{
$this->recepcion = null;
$this->listRecepcion = [];
$this->modal = false;
}
public function find()
{
$this->listRecepcion = $this->findFactura($this->recepcion);
}
}
Vista Livewire
@if ($modal) <div class="fixed z-10 inset-0 overflow-y-auto ease-out duration-400">
<div class="flex justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:p-0">
<div class="fixed inset-0 transition-opacity">
<div class="absolute inset-0 bg-gray-500 opacity-75"></div>
</div>
<span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>
<div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-xl sm:w-full"
role="dialog" aria-modal="true" aria-labelledby="modal-headline">
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
<label form="recepcion" class="block text-gray-700 text-sm font-bold mb-2">Facturas:</label>
<div class="inline-flex w-full">
<input name="recepcion" type="text"
class="form-control focus:outline-none focus:shadow-outline" wire:model.lazy="recepcion"
autocomplete="off">
<button wire:click="find()" class="btn btn-primary">Buscar</button>
</div>
@if (count($listRecepcion) > 0)
<button wire:click="saveResults()" class="mt-2 btn btn-success w-full">Guardar
Resultados</button>
@endif
<button wire:click="cerrarModalFactura()"
class="mt-2 btn btn-secondary w-full">Cancelar</button>
@if (count($listRecepcion) > 0)
<table class="w-full mt-4">
<thead class="bg-blue-900 text-white">
<tr>
<th class="border px-2 py-2 text-xs">Seleccion</th>
<th class="border px-2 py-2 text-xs">Factura</th>
<th class="border px-2 py-2 text-xs">Cliente</th>
<th class="border px-2 py-2 text-xs">Fecha</th>
<th class="border px-2 py-2 text-xs">Vendedor</th>
<th class="border px-2 py-2 text-xs">Producto</th>
<th class="border px-2 py-2 text-xs">Descripcion del producto</th>
</tr>
</thead>
<tbody>
@foreach ($listRecepcion as $r)
<tr>
<td class="border px-2 py-2 text-xs">
<input type="checkbox" value="{{ $r->PRODUCTO }}" ></td>
<td class="border px-2 py-2 text-xs">{{ $r->FACTURA }}</td>
<td class="border px-2 py-2 text-xs">{{ $r->DENOMINACION_SOCIAL }}</td>
<td class="border px-2 py-2 text-xs">{{ $r->FECHA }}</td>
<td class="border px-2 py-2 text-xs">{{ $r->NOMBRE_COMPLETO }}</td>
<td class="border px-2 py-2 text-xs">{{ $r->PRODUCTO }}</td>
<td class="border px-2 py-2 text-xs">{{ $r->DESCRIPCION_FACTURA }}</td>
</tr>
@endforeach
</tbody>
</table>
@else
<br>
@if (gettype($listRecepcion) == 'object')
<span class="text-red-600 text-bold">No se encontraron resultados.</span>
@endif
@endif
</div>
</div>
</div>
</div>
@endif
</div>
Level 1
@vincent15000 cuando realizo una consulta de una base de datos quiero seleccionar ciertos registros y no que se guarden todos
Level 63
@LIxPacoGg Hace falta que uni la propiedad.
<input wire:model="producto[]" type="checkbox" value="{{ $r->PRODUCTO }}" >
Level 7
Hola! En el componente de Livewire podrías crear una variable que sea
public $productoSeleccionado = [];
y en la vista renderizas lo siguente
<input type="checkbox" wire:model="productoSeleccionado" value="{{ $r->PRODUCTO }}" >
En el array $productoSeleccionado se iran guardando los valores que el usuario vaya tilando con los checkbox. Vas a poder utilizar eso para hacer la query y buscar en db. Si necesitas que me explaye en algo, solo pregunta!
Extra: Se me ocurre que en checkbox podrías imprimir en el value el ID del producto y no el nombre (o nose que estas imprimiendo porque $r->PRODUCTO no es muy claro. Es sólo una aclaración ya que podría facilitar la busqueda en la db.
Level 1
@bicicura lo que pasa es que selecciona todos los registros ya que son facturas con diferentes productos y lo unico que lo diferencian es el nombre del producto sin embargo no funciona me siguen guardando la factura con todos los registros
Level 7
@LIxPacoGg No me quedo claro cual es el comportamiento que sucede. Al clickear solamente un checkbox se seleccionan todos los demás también?
Level 1
@bicicura exacto se seleccionan todos los demas
Level 7
@LIxPacoGg Lo más probable de porque esto esta sucediendo es que la propiedad publica que esta en el componente de Livewire no sea un array vacío. Deberías tener algo como:
public $productoSeleccionado = [];
Y en la vista, para que funcionen los checkbox con livewire, deben estar todos atados mediante un
wire:model="productoSeleccionado"
Level 7
A modo de Debuggeo podrías hacer lo siguiente para ver qué se está almacenando en el array . Antes del foreach de ($listRecepcion as $r)
<tbody>
<tr> Productos: {{ var_export($productoSeleccionado) }} </tr>
@foreach ($listRecepcion as $r)
<tr>.......... tu código sigue por aquí....
Level 1
@bicicura Se almacena el numero de la factura Productos: array ( 0 => '111470', ) y en vez de salir los diferentes registros se cambian a solo un registro y puros duplicados de este mismo
Level 7
@LIxPacoGg Creo que hay un error conceptual en lo que estas planteaando, o yo no termino de entender bien lo que queres hacer. Por qué estas imprimiendo en el value del checkbox el número de factura, no deberías imprimier el nombre/id del producto que figura en la factura? Y por otro lado, una vez chequeado el checkbox, qué te gustaría hacer con el valor obtenido?
Please or to participate in this conversation.