Как использовать идентификатор выбранного элемента в datatable для кнопки?

Question

У меня проблема с PHP и Codeigniter . В этой таблице данных вы можете выбрать строки из нее. Что мне нужно сделать, так это то, что когда я выбираю строку, я должен использовать ее id, чтобы нажать желтую кнопку вызова ' editar ' справа и быть доступным для редактирования этот ряд.

введите описание изображения здесь

это мой HTML :

<div class="row">
    <div class="col-lg-9">
        <?=$tablaObrasSociales?>
    </div>
    <div class="col-lg-3">
        <div class="ibox">
            <div class="ibox-content" style="text-align: center;">
                <h3>Acciones</h3>
                <p><button class="btn btn-w-m btn-primary" data-toggle="modal" data-target="#modalNuevaOS" ><i class="fa fa-plus"></i> Obra Social</button></p>
                <p><button id="btnEditarOs" onclick="accionClickObrasSociales();" class="btn btn-w-m btn-warning" disabled data-toggle="modal" data-target="#modalEditarOS"><i class="fa fa-trash"></i> Editar</button></p>
                <p><button id="btnBajaOs" class="btn btn-w-m btn-danger" disabled><i class="fa fa-times"></i> Dar de baja</button></p>
            </div>
        </div>
    </div>
</div>

а это мой Javascript :

 function accionClickObrasSociales(){
        var id_fila=$(this).attr('id');
        $('#tablaObrasSociales tr').removeClass("filaResaltada"); //Limpia el estilo de fila resaltada
        $(this).addClass("filaResaltada"); //Resalta la fila seleccionada
        if (id_fila != null) {
          document.getElementById("btnEditarOs").disabled = false;
          document.getElementById("btnBajaOs").disabled = false;
        }
        editar(id_fila);
    }

function editar(idFila){
  debugger;
  $.ajax({
    type: "POST",
    url: "<?= BASEURL?>" + "/obraSocial/editar/"+idFila,
  });
}

Answer 1

Вы можете перебрать данные строки, чтобы получить идентификатор выбранной строки:

var table = $('#example').DataTable();

function accionClickObrasSociales(){
    var id_fila=$(this).attr('id');
    $('#tablaObrasSociales tr').removeClass("filaResaltada"); //Limpia el estilo de fila resaltada
    $(this).addClass("filaResaltada"); //Resalta la fila seleccionada
    if (id_fila != null) {
      document.getElementById("btnEditarOs").disabled = false;
      document.getElementById("btnBajaOs").disabled = false;
    }
    editar(id_fila);

    var selected_id = $.map(table.rows('.selected').data(), function (item) {
        return item[0] // return first column value, which is ID column
    });
    console.log('the row id is : ', selected_id)
}