JQuery Datatables ведет себя странно с переключателями

Question

Я использую JQuery Datatables для оформления таблицы. Один столбец таблицы содержит переключатели.

<td class="image">
                <input type="radio" name="11" value="a" onclick="updateStatus('11', 'a')" /><img src="/jwz/images/icons/a.png" name="a" alt="a" title="Activeer account" />
                <input type="radio" name="11" value="b" onclick="updateStatus('11', 'b')" /><img src="/jwz/images/icons/b.png" name="b" alt="b" title="Ban account" />
                <input type="radio" name="11" value="w" checked="checked" onclick="updateStatus('11', 'w')" /><img src="/jwz/images/icons/w.png" name="w" alt="w" title="Zet account in de wacht"/>

            </td>

Дело в том, что проверенный атрибут не работает для первой строки таблицы. Во всех остальных рядах одна из кнопок отмечена, но не в первом ряду. Когда я отключаю JQuery Datatables, все работает нормально. Итак, проблема в jQuery Datatables.

Может кто-нибудь помочь мне с решением проблемы?

Answer 1

У меня была та же проблема, когда список радиокнопок в первой строке моего jQuery DataTable не отображал выбранную радиокнопку, как проверялось при загрузке страницы;несмотря на то, что флажок «проверено» применен к радиовходу при проверке HTML.

При связывании моей таблицы я теперь добавляю класс ("radioButtonToCheck") к выбранному первому элементу списка radioButtonList (в C #):

 listItem.Attributes["class"] = "radioButtonToCheck";

Затем для перерисовки используется jQuery DataTable fnDrawCallback.статус этого переключателя проверен.

var roomReportingTable = $('.horizontalScroll table').dataTable({
                "sScrollX": "100%",
                "bScrollCollapse": true,
                "bFilter": false,
                "bPaginate": false,
                "bInfo": false,
                "fnDrawCallback": function () {
                    // first radio button list selection is not rendered, so needs to be re-drawn
                    $('.radioButtonToCheck input').attr("checked", "checked");
                }
            });

Дополнительная информация о jQuery DataTables fnDrawCallback: http://datatables.net/faqs#ss_events