1

Estoy usando una DataTable para desplegar información y tengo un select con otro grupo de datos

Quisiera poder darla al arreglo $_POST el valor que selecciono en la tabla y el del select. Éste ultimo lo tengo, pero no sé como puedo agregar el valor de la fila al momento de ejecutarse el POST con el botón

Capturo el dato con el siguiente JS

    $('#tClientesEmb tbody').on('click','tr', function(){
        var data = table3.row($(this).closest('tr')).data();
        //console.log(data[0]);
    });

Como puedo insertar ese data[0] para usarlo en el controlador?

Asi tengo el codigo en la vista

    <?php echo form_open('Config/AsocCliEmb'); ?>
        <div class="form-group" >
            <div class="row">
                <div class="col-sm-9" id="cAsocEmb">
                <table id="tClientesEmb" class="display" cellspacing="0" width="100%">
                    <thead>
                        <tr class="tClientesEmb" data-id="id">
                            <th>N Embarque</th>
                            <th>Fecha Emb.</th>
                            <th>Destinatario</th>
                            <th>Referencia</th>
                            <th>Cajas</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
                </div>
                <div class="col-sm-3">
                    <label for="Cliente" class="control-label col-sm-3">Cliente</label>
                    <select id="cliente" name="cliente" class="selectpicker">
                        <?php foreach ($clientes as $c) echo '<option value="'.$c->id.'">',$c->nombre,'</option>'; ?>
                    </select>
                    <div class="form-group"> <!-- Submit Button -->
                        <div class="col-sm-9 col-sm-offset-2">                     
                            <button type="submit" class="btn btn-primary">Guardar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php echo form_close();?>
2
  • estas usando jQuery? el 6 jun. 2017 a las 0:16
  • Solo lo uso para cargar los datos en el DataTable el 6 jun. 2017 a las 18:36

3 respuestas 3

0

usando ajax

 $('#tClientesEmb tbody').on('click','tr', function(){
            var tr = table3.row($(this).closest('tr')).data();
            $.ajax({
                method: "POST",
                url: "tu_url",
                data: { id: tr}
            })
            .done(function( msg ) {
                //algo que haces con la respuesta
            });
        });

sin usar ajax

 $('#tClientesEmb tbody').on('click','tr', function(){
     var tr = table3.row($(this).closest('tr')).data();
     $('<form action="tuurl.php" method="POST">' + 
       '<input type="hidden" name="id" value="' + tr+ '">' +
       '</form>').submit();
});
3
  • Muchas gracias por la respuesta. Traté ambas formas, pero aun no logro obtener el dato de la tabla luego de presionar el botón el 6 jun. 2017 a las 18:34
  • como envias el da to de tu select? el 6 jun. 2017 a las 19:07
  • a traves de un form el 6 jun. 2017 a las 19:53
0

si te entendí lo que tu quieres es hacer selects dependientes, no? Si es el caso, usando ajax, tendrias que hacer esto

en header

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $("#categoria").change(function () {
       $("#categoria option:selected").each(function () {
            micategoria=$('#categoria').val();
            $.post("<?= base_url('index.php/selects_con_ajax_llenacombo')?>", 
                { micategoria: micategoria}, 
                function(data){
                    $("#subcategoria").html(data);
                }
            );            
       });
    })
});
</script>

en el body

   <select name="categoria" id="categoria">
        <option value="">Selecciona una categoría</option>
        <option value="1">Empleo</option>
        <option value="2">Contactos</option>
        <option value="3">Antigüedades</option>
    </select>
     <label>Selecciona una subcategoría</label>
    <select name="subcategoria" id="subcategoria">
        <option value="">Selecciona una subcategoría</option>
    </select>

en application/config/routes.php

$route['selects_con_ajax_llenacombo'] = 'selects_con_ajax/micombo/llenacombo';

en application/controllers/selects_con_ajax/micombo.php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Selects_con_ajax extends CI_Controller {
    function __construct(){
        parent::__construct();
        $this->load->model('model_busca');
    }

    public function micombo(){
        if( ! $this->input->is_ajax_request()) {
            exit('No direct script access allowed');
        }
        else{
            $categoria = $this->input->post('micategoria', TRUE);
            $sub_category = $this->model_busca->get_subcategory_by_id($categoria);

            $data['subcategory'] = $sub_category;

            print($this->load->view('selects/subcategory', $data, TRUE));
        }
    }
}

en application/views/selects/subcategory.php

<?php foreach($subcategory as $item => $value):?>
    <option value="<?= $item?>"><?= $value?></option>
<?php endforeach;?>

en application/models/model_busca.php

class Model_busca extends CI_Model {
    function get_subcategory_by_id($id_categoy){
        return $this->db->get_where('sub_categories', array('fk_category' => $id_category))->result();
    }
}
1
  • Lo que quiero hacer es enviar un dato seleccionado de la Datatable y el id del dato seleccionado del select a traves de POST. Solo logro obtener el del select, pero no lo de la tabla el 6 jun. 2017 a las 18:31
0

luego de averiguar, comparar respuestas y usar diferentes tecnicas logré mi objetivo de la siguiente manera

    $('#tClientesEmb tbody').on('click','tr', function(){
        var data = table3.row($(this).closest('tr')).data();
        //console.log(data[0]);
        $(this).append(
            $('<input />')
                .attr('type','hidden')
                .attr('name','n_embarque')
                .val(data[0])
            );
    });

Use append para agregar el valor de la variable del type hidden

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.