Как я могу получать стоимость линии DataTable, выбрав это с jquery, чтобы сохранять стоимость в textbox?

У меня есть моя таблица с информацией, но я нуждаюсь в том, чтобы выбрать линию и сохранять информацию в одном textbox какой-то путеводитель как делать это.

<!-- Modal Escenario-->
        <div class="modal fade" id="popupBusquedaCliente" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Cerrar</span></button>
                        <h4 class="modal-title" id="myModalLabel">Busqueda de Categorias</h4>
                    </div>
                    <div id="BusquedaCliente" class="modal-body">
                        <form role="form">
                            <div class="form-group">
                                <label for="stock_bodega">Busqueda por:</label>
                                <select class="form-control" style="width: 40%" id="stock_bodega">
                                    <option>C&oacute;digo</option>
                                    <option>Nombre</option>
                                    <option>Estado</option>
                                </select>
                                <label for="texto_buscar">Texto a Buscar:</label>
                                <input type="text" class="form-control" id="texto_buscar">
                            </div>

                            <div style="position: relative; overflow: auto; width: 100%; height: 200px;" class="dataTables_scrollBody">
                                <table style="width: 100%;" id="busqueda_cliente" class="display nowrap dataTable no-footer" cellspacing="0" width="100">
                                    <thead>
                                        <tr>
                                            <th>Codigo</th>
                                            <th>Nombre</th>
                                            <th>Estado</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </form>
                    </div>
                    @* Load datatable css *@
                    <link href="//cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css" rel="stylesheet" />
                    @* Load datatable js *@
                    @section Scripts{
                        <script src="//cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
                        <script>
                            $(document).ready(function () {
                                $('#busqueda_cliente').DataTable({
                                    "bSort": false,
                                    "ajax": {
                                        "url": "/venmancategoria/Todos",
                                        "type": "GET",
                                        "datatype": "json"
                                    },
                                    "columns": [
                                            { "data": "Codigo" },
                                            { "data": "Nombre" },
                                            { "data": "Estado" }
                                    ],
                                    filter: false,
                                    "paging":   false,
                                    "ordering": false,
                                    "info":     false,
                                    language: {
                                        paginate: {
                                            first: "Primero",
                                            previous: "Anterior",
                                            next: "Siguiente",
                                            last: "Ultimo"
                                        }
                                    }
                                });
                            });
                        </script>
                    }
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary">Seleccionar</button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>  <!-- Modal Escenario-->
0
задан 22.02.2019, 04:34
1 ответ

Мне приходит в голову эта soluciГіn, я надеюсь, что то, в чем ты нуждаешься, привет.

$("#tabla").on('click', 'tr', function(e) {
  e.preventDefault();
  var renglon = $(this);
  var campo1, campo2, campo3;
  $(this).children("td").each(function(i) {
    switch (i) {
      case 0:
        campo1 = $(this).text();
        break;
      case 1:
        campo2 = $(this).text();
        break;
    }
    $(this).css("background-color", "#ECF8E0");
  })
  var textoRenglon = campo1 + ' - ' + campo2
  //console.log(textoRenglon);
  $("#text").val(textoRenglon);
  //alert(renglon);
});

$("#tabla2").on('click', 'td', function(e) {
  e.preventDefault();
  var campo = $(this).text();
  //Cambiando de color la celda
  $(this).css("background-color", "#ECF8E0");
  //console.log(campo);
  $("#text2").val(campo);
  //alert(renglon);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h1>Pasar todo el row a un text </h1>
<table border="1" id="tabla">
  <tr>
    <td>1</td>
    <td>Juan</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Pedro</td>
  </tr>
</table>
<input id="text" type="text" value='' />

<br/>

<h1>Pasar solo la celda seleccionada </h1>
<table border="1" id="tabla2">
  <tr>
    <td>3</td>
    <td>Maria</td>
  </tr>
  <tr>
    <td>4</td>
    <td>Juana</td>
  </tr>
</table>
<input id="text2" type="text" value='' />


<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
2
ответ дан 03.12.2019, 18:41
  • 1
    Если оно я функционирует, но только я obtine стоимость первой колонны будет состоять в том, что нет чего-то еще. –  Ricardo España 13.12.2016, 16:01
  • 2
    ¿ Podrí эксперт añ adir có я говорю, с которым ты перемещаешь линию textbox? –  Cristina Carrasco 13.12.2016, 19:33
  • 3
    $ (" #txt_codigo") .val (campo1); $ (" txt_nombre") .val (campo2); $ (" txt_codigoCat") .val (campo3); $ (" #txt_categoria_detalle") .val (campo4); только добавьте больше выборов к case и прокомментируйте эту линию твоего кода var textoRenglon = campo1 + ' - ' + campo2 –  Ricardo España 13.12.2016, 21:06
  • 4
    Вот, тебе не хватает: $ (" #txt_nombre") .val (campo2); $ (" #txt_codigoCat") .val (campo3);//Добавлять знак # –  Cristina Carrasco 13.12.2016, 22:25
  • 5
    если я функционировала довольно большое спасибо Кристина –  Ricardo España 14.12.2016, 16:52