データテーブルをページ設定するときに複数のラジオボタンを選択しないようにするには

Question

ここに問題があります： ページ1のラジオボタンと同じページのラジオボタンを選択すると、うまく動作しますが、ページ番号2のラジオボタンを押し、ページ番号1に戻ります。最初のラジオボタンがまだ選択されており、ページ番号2のものも選択されていますが、この問題をどのように解決できますか？私はここでフォーラムで解決策を探していたが、同じ問題を抱えている人を見つけることができなかった。

*[code] $(document).ready(function() { var oTable = $('#example').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers" }); }); [/code]* 

Answer 1

DataTables自体からの解決策はありません。あなたは自分でそれをしなくてはなりません。

あなたができることは、クリックして選択した値を自分で保存することです。 projectsTableというテーブルがあるとします。次に、次のように書くことができます。

var selection = -1; 
$("#projectsTable input[type=radio]").on 
(
    "click", 
    function() 
    { 
      selection = $(this).val(); 
    } 
); 

次に、ページが変更されるたびに間違った値をすべて選択解除する必要があります。それを行うために、ページの描画のためにあなたのテーブルの構築にコールバックを追加します。

//other settings go here, like the dom one 
//you can choose your own, no need for this specific one 
"dom": "lfBrtip", 
"fnDrawCallback": 
function(oSettings) 
{ 
    $("#projectsTable input[type=radio][value!="+selection+"]").prop('checked', false); 
} 

ページが変更されるたびに、コードのこの作品は、あなたがもはや選択されないようにするすべての選択を解除します。