Get checked row after checked dynamically from Ajax

simsar78

Hello,
i have this table rendered whit Ajax from database:

    <table id="list" class="table table-striped table-bordered table-sm no-footer dataTable" style="width: 100%; font-size: 14px;" role="grid" aria-describedby="list">
              <thead>
                <tr role="row">
    <th class="select-checkbox sorting_asc" tabindex="0" aria-controls="list" rowspan="1" colspan="1" aria-label="" style="width: 0px;"></th>
    <th class="sorting" tabindex="0" aria-controls="list" rowspan="1" colspan="1" aria-label="Code: activate to sort column ascending" style="width: 0px;">Code</th>
    </th></tr>
              </thead>
              <tbody>
              <tr class="odd">
<td class="select-checkbox sorting_1"></td>
    <td>18081</td>
    // ...

AJAX:

    $('#list').DataTable().destroy();
      table = $('#list').DataTable( {
        "ajax": {
          "url": "requests/List.php",
          "type": "POST",
          "data": {"id":id},
          "dataType": "json",
          "cache": false,
          "dataSrc": ""
        },
        "columns" : [
          { "data": null, defaultContent: '' },
          { "data": "code" },

        ],
        columnDefs: [ {
          orderable: false,
          className: 'select-checkbox',
          targets:   0,      
        } ],
        createdRow: function (row, data, index) {

          $.each(data_dip, function (k, v) {
           // check dynamically checkbox in column 0
            if(data.codice == v.codice){

              $(row).addClass('selected');

            }
          });
          //
        },
        select: {
          style:    'multi',
          selector: 'td:first-child'
        },
        "lengthMenu": [[20, 50, 100, -1], [20, 50, 100, "Tutti"]]
      });

if request the selected rows I have no result:

var selectedCodOpe = table.rows( { selected: true } ).data().toArray()

Why ?

• data_dip is my array

colin

That should work. We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

simsar78

I try to use live.datatables

http://live.datatables.net/virixaro/2/

kthorngren

Your example has an extra } causing a syntax error. I fixed that and updated your example to get the selected rows. You are adding the class selected in createdRow. This isn't selecting the rows, its just adding the class and styling. Use the select() API in initComplete to select the rows that have the class selected. Like this:
http://live.datatables.net/virixaro/3/edit

Kevin

simsar78

@kthorngren
Thank you very much... it's function ... Yeahhhh