Datatables найти строку по значению ключа.Получить содержимое и удалить строку - PullRequest
0 голосов
/ 27 сентября 2018

У меня есть встроенная серверная сторона с данными jquery со строкой заголовка и последующими tr, td's

                                    <table id="referralList" class="table table-striped table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th><div class="checkbox abc-checkbox"><input type="checkbox" class="dt-checkboxes"><label></label></div></th>
                                            <th>Referral Id</th>
                                            <th>Practice</th>
                                            <th>Patient</th>
                                            <th>Type</th>
                                            <th>NHI</th>
                                            <th>Injury Site</th>
                                            <th>Age</th>
                                            <th>Referral Date</th>
                                            <th>Contact</th>
                                                <th></th>
                                        </tr>
                                    </thead>
                                    <tbody class="ackbutton">
                                            <tr id="69b9fb6c-ba8c-43e5-99bf-84c89aca27f3" role="row">
                                                <td><div class="checkbox abc-checkbox abc-checkbox-success"><input name="69b9fb6c-ba8c-43e5-99bf-84c89aca27f3" type="checkbox" class="dt-checkboxes"><label></label></div></td>
                                                <td>
                                                    <a class="xbtn xbtn-success" name="69b9fb6c-ba8c-43e5-99bf-84c89aca27f3" data-toggle="modal" data-target="#modal-69b9fb6c-ba8c-43e5-99bf-84c89aca27f3">HTI1034</a>
                                                </td>
                                                <td>Test Practice</td>
                                                <td>SAMPLE Test</td>
                                                <td>MRI</td>
                                                <td>ZXX0032</td>
                                                <td>C-Spine</td>
                                                <td>32</td>
                                                <td><span class="hide">20180925120000</span>25 Sep 2018</td>
                                                <td>02122222222</td>
                                                    <td>
                                                        <button type="button" class="btn btn-success btn-sm" id="69b9fb6c-ba8c-43e5-99bf-84c89aca27f3">Acknowledge</button>
                                                    </td>
                                            </tr>
                                            <tr id="cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7" role="row">
                                                <td><div class="checkbox abc-checkbox abc-checkbox-success"><input name="cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7" type="checkbox" class="dt-checkboxes"><label></label></div></td>
                                                <td>
                                                    <a class="xbtn xbtn-success" name="cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7" data-toggle="modal" data-target="#modal-cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7">HTI8114265</a>
                                                </td>
                                                <td>ABC Medical Centre</td>
                                                <td>WALTER White</td>
                                                <td>MRI</td>
                                                <td>JZZ3427</td>
                                                <td>L-SPINE</td>
                                                <td>60</td>
                                                <td><span class="hide">20170805083806</span>05 Aug 2017</td>
                                                <td>05-123-3456</td>
                                                    <td>
                                                        <button type="button" class="btn btn-success btn-sm" id="cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7">Acknowledge</button>
                                                    </td>

                                            </tr>
                                    </tbody>
                                </table>

Мне удалось динамически удалить строку из кнопки «Подтвердить» в строке таблицы с помощью

table.api().row($(this).parents('tr')).remove().draw(false);

Что прекрасно работает.

Две вещи, которых я хотел бы достичь

  1. Возможность извлекать данные из ячейки после нахождения правильной строки с помощьюидентификатор guid на примере.
  2. Выполните «удаление строки» (как указано выше), сначала найдя строку с помощью направляющей контейнера, а затем удалив ее.

Спасибо

1 Ответ

0 голосов
/ 28 сентября 2018

После некоторой настойчивости и консоли Chrome у меня есть ответы на мои вопросы.

Возможно, это может спасти кого-то, пытающегося достичь чего-то подобного.Я не уверен, что это лучший способ сделать это, но он работает.

Вопрос 1

 var retrievedValue = $(table.api().row(#id_of_the_row).data()[1])[0].innerHTML;

Вопрос 2

table.api().row(#id_of_the_row).remove().draw(false);

Легко на самом деле ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...