0

estoy teniendos problemas para editar un formulario en el cual tiene un input del tipo select. La funcionalidad es la siguiente de la lista desplegable al seleccionar una opcion del select se autocompletan los campos que corresponden. Esa parte funciona, no presenta problemas. Ahora al querer editar el formulario logre poder mostrar la opcion que fue seleccioanda al momento de ser guardada, pero mi problema esta en que no puedo mostrar los datos asociados a esa opcion. ¿Entonces como podria mostrar los datos en los input que necesito?.

->Formulario:(logro mostrar la empresa seleccionada)

Formulario modal

Por lo pronto quisiera mostrar la seccion detalles del cliente.

<div class="row">
    {!! Form::model($order, [
        'route' => $order->exists ? ['admin.orders.update', $order->id] : 'admin.orders.store',   
        'method' => $order->exists ? 'PUT' : 'POST'
    ]) !!}
    <div class="col-md-6">    
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Detalles del Cliente</h3>
            </div>
            <div class="box-body">
            {!! csrf_field() !!}            

                <div class="form-group">                    
                    <label>Nombre empresa</label>
                    <select name="name_company" id="name_company" class="form-control">
                        <option value="">Seleciona empresa</option>
                        @foreach ($clients as $client)                
                            <option value="{{ $client->company['id'] }}"
                            {{ old('name_company', $order->client_id) == $client->company['id'] ? 'selected' : ''}}>
                            {{ $client->company['name_company'] }}</option>                     
                            @endforeach 
                    </select>                          
                </div>                


                <div class="form-group">
                    {!! Form::label('phone_company', 'Telefono empresa:') !!}               
                    {!! Form::text('phone_company',  null, ['class' => 'form-control', 'id' => 'phone_company', 'disabled' => 'disabled', 'placeholder' => 'Telefono contacto']) !!}

                </div> 

                <div class="form-group">
                    {!! Form::label('name_client', 'Nombre contacto:') !!}            
                    {!! Form::text('name_client', null, ['class' => 'form-control', 'id' => 'name_client', 'disabled' => 'disabled', 'placeholder' => 'Nombre contacto']) !!}
                </div>

                <div class="form-group">
                    {!! Form::label('phone_client', 'Telefono contacto:') !!}               
                    {!! Form::text('phone_client', null, ['class' => 'form-control', 'id' => 'phone_client', 'disabled' => 'disabled', 'placeholder' => 'Telefono contacto']) !!}
                </div>              

                <div class="form-group">
                    {!! Form::label('email', 'Email contacto:') !!}             
                    {!! Form::text('email', null, ['class' => 'form-control', 'id' => 'email', 'disabled' => 'disabled', 'placeholder' => 'Email']) !!}
                </div>
            </div>
        </div>
    </div>
  {!! Form::close() !!}    
</div>

Controlador: orderController (create, show, edit)

public function create()
    { 
        $order = new Order();         
        $clients = Client::with('company')->get();
        $user = User::pluck('name', 'id'); 

        return view('admin.orders.partials.form', compact('order', 'clients', 'user'));
    }

public function show(Request $request, $id)
    {
        $client = Client::with('company')->findOrFail($id);       

        if($request->ajax())
        {
            return $client->toJson();
        }  

        return response()->json(['message' => 'recibimos el request pero no es ajax']);
    }

public function edit(Order $order)
    {

        $clients = Client::with('company')->get();
        $user = User::pluck('name', 'id');  

        return view('admin.orders.partials.form', compact('order', 'user', 'clients'));

    }

->Script: para autocompletar el formulario al momento de crearlo realizo una peticion ajax


$('body').on('click', '.modal-show', function (event) {
    event.preventDefault();

    var me = $(this),
        url = me.attr('href'),
        title = me.attr('title');



    $('#modal-title').text(title);
    $('#modal-btn-save').removeClass('hide')
    .text(me.hasClass('edit') ? 'Actualizar' : 'Crear');

    $.ajax({
        url: url,
        dataType: 'html',
        success: function (response) {
            $('#modal-body').html(response);

            $('#datepicker').datepicker({
                autoclose: true,
                todayHighlight: true,
                language: 'es'
            }).datepicker("setDate", new Date());                  

            var name_companySelect = $('#name_company');
            var phone_company = $('#phone_company');
            var name_client = $('#name_client');
            var phone_client = $('#phone_client');
            var email = $('#email');
            var csrf_token = $('meta[name="csrf-token"]').attr('content');    
            // console.log (name_companySelect);
            name_companySelect.on('change', function() {
                // console.log ('la compañía ha cambiado');
                var id = $(this).val();
                // console.log('id del Company seleccionado: ' + id);
                obtenerDetalleDeCompany(id)

            });

            function obtenerDetalleDeCompany(id) {
                $.ajax({

                    url: '/admin/orders/' + id,
                    type: 'GET',
                    data: {            
                        '_token': csrf_token
                    },
                    dataType: 'json',
                    success: function (response) {

                        console.log(response);

                        llenarInputs(response);
                    },
                    error: function () { 
                        console.log(error);
                        alert('Hubo un error obteniendo el detalle de la Compañía!');
                    }
                })
            }

            function llenarInputs(data) {

                phone_company.val(data.company.phone_company);  
                name_client.val(data.name_client);    
                phone_client.val(data.phone_client);    
                email.val(data.email);    
            }
        }
    });

    $('#modal').modal('show');    

});

He intentado reutlizar el script apuntando a la ruta edit pero simplemente no funciona(si vuelo a selecionar una opcion del select entoces si me carga los datos que corresponden a la opcion) pero no es lo que quiero, lo descarte.

Bueno si me pueden dar una mano con esto se los agradesco!!

1 respuesta 1

1

Puedes agregar un script dentro de blade que ejecute la función si el registro ya existe

@if(in_array(old('name_company', $order->client_id), [null, '']))
    <script>
        obtenerDetalleDeCompany(' {{ old('name_company', $order->client_id) }}');
    </script>
@endif

Primero preguntas si old de name company existe o ya tiene un valor por default y no es null ni una cadena vacìa.

1
  • sin embargo esto me trae un problema ya que utilizo el mismo formulario para crear como para editar. Si quiero crear una nueva order, el campo phone_company desaparece pero si quiero editar una order, el campo se muestra correctamente. a que se debe esto?? Commented el 2 nov. 2019 a las 17:34

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.